window.addEvent('domready', function(){
	if ($('widgetContent')) {
		
		var setupArrows = function(e){
			
			var id = e.id;
			var container = $$('#'+id+' .secondBoxContainer')[0];
			var leftArrow = $$('#'+id+' .arrow-left a')[0];
			var rightArrow = $$('#'+id+' .arrow-right a')[0];
			
			var fx = new Fx.Morph(container, {duration: 'short', transition: Fx.Transitions.Linear});
			var totalBoxes = $$('#'+id+' .boxContainer').length;
			var currentBox = 1;
			
			if(totalBoxes == 1){
				rightArrow.setStyle('visibility','hidden');
			}
			
			rightArrow.addEvent('click', function(){
				leftArrow.setStyle('visibility', 'visible');
				if(currentBox == totalBoxes){
					return;
				}
				var currentMargin = parseInt(container.getStyle('margin-left'), 10);
				fx.start({'margin-left': currentMargin - 280});
				currentBox++;
				if(currentBox == totalBoxes){
					rightArrow.setStyle('visibility', 'hidden');
				}
			});
			
			leftArrow.addEvent('click', function(){
				rightArrow.setStyle('visibility', 'visible');
				if(currentBox == 1){
					return;
				}
				var currentMargin = parseInt(container.getStyle('margin-left'), 10);
				fx.start({'margin-left': currentMargin + 280});
				currentBox--;
				if(currentBox == 1){
					leftArrow.setStyle('visibility', 'hidden');
				}
			});	
		};
		
		$$('#widgetContent .glx').each(setupArrows);
		$$('#tab_caracteristicas_acabados .glx').each(setupArrows);
		//galerias.each();
	};
	
	var liAcabados = $('liAcabados');
	var liDimensiones = $('liDimensiones');
	var a1 = $('tab_caracteristicas_dimensiones');
	var a2 = $('tab_caracteristicas_acabados');
	var a3 = $('acabadosContent');
	
	if(liAcabados && liDimensiones){
		liAcabados.addEvent('click',function(){
			$('liAcabados').addClass('active');
			$('liDimensiones').removeClass('active');
			a2.setStyle('display', 'block');
			a1.setStyle('display', 'none');
		});
		
		liDimensiones.addEvent('click',function(){
			$('liDimensiones').addClass('active');
			$('liAcabados').removeClass('active');
			a1.setStyle('display', 'block');
			a2.setStyle('display', 'none');
		});
	}
	
	
});

var Widget = {
	'show': function(what, el){
		var contents = ['widgetContent', 'dimensionesContent', 'especialesContent'];
		contents.each(function(e){
			$(e).setStyle('display', 'none');
		});
		$$('#myWidget ul.main-menu li').each(function(e){
			e.removeClass('active');
		});
		$(''+what+'Content').setStyle('display', 'block');
		$(el).getParent().addClass('active');
	},
	'showGallery': function(which, el){
		$$('#widgetContent .glx').each(function(el){
			el.setStyle('display', 'none');
		});
		$(which).setStyle('display', 'block');
		$(el).getParent().getParent().getElements('li').each(function(e){
			e.removeClass('active');
		});
		$(el).getParent().addClass('active');
	}
};