/**
 * 
 * Revistas Profesionales
 * Diseño, maquetación y programación web por http://www.UTOPIASL.COM
 * 
 */

var timer;
var tiempoSlider = 12000;
var animando;
var sliderInterval;

 $(document).ready(function()
 {
 	$('body').removeClass('nojs');
 	
	if ($('body#index #thumbs.section a').length != 0)
	{
		var $thumbsIndex = $('#thumbs.section a');
		$('span',$thumbsIndex).css({'opacity' : '0', 'display' : 'block'})
		$thumbsIndex.hover(function(e)
		{
			e.preventDefault();
			
			var $details = $('span', $(this));
			$details.stop().animate({'opacity' : '.95'}, 300);
			
			return false;
			
		}, function(e)
		{
			e.preventDefault();
			
			var $details = $('span', $(this));
			$details.stop().animate({'opacity' : '0'}, 300);
			
			return false;
		});
	}
	
	if ($('body#index #spotlight').length != 0)
	{
		var $container = $('#slides');
		var $slides = $('#slides .slide');
		var $controls = $('#sliderControl a');
		
		$('#slides .slide:not(.active)').css('opacity','0');
		
		temporizador();
		
		$controls.bind('click', function(e)
		{
			e.preventDefault();
			
			temporizador();
			
			$controls.removeClass('active');
			$(this).addClass('active');
			
			$origin = $('.slide.active', $container);
			$origin.stop().animate({'opacity':'0'}, 500);
			
			var $target = $($(this).attr('href'));
			$target.stop().animate({'opacity':'1'}, 500);
			
			$slides.removeClass('active');
			$target.addClass('active');
			
			var distancia = $target.position().left;
			
			$container.stop().animate({'left': -distancia }, 1000);
			
			return false;
		});		
		
	}
	
 	if ($('body#details #sliderBackground').length != 0)
 	{
 		$thumbListElements = $('#sliderContainer ul a');
 		$thumbListElements.qtip
		({
			position:
			{
				 my: 'top center',
				 target: 'mouse',
				 viewport: $(window), // Keep it on-screen at all times if possible
				 adjust: {
				    x: 10,  y: 30
				 }
			},
			style:
			{
				classes: 'ui-tooltip-shadow ui-tooltip-dark '
			}
 		});
 		
 		
 		$left = $('#sliderBackground a.control.left');
 		$right = $('#sliderBackground a.control.right');
 		
 		$left.click(function(e) { e.preventDefault(); });
 		$right.click(function(e) { e.preventDefault(); });
 		
 		$left.hover(function()
 		{
 			sliderInterval = setInterval(function() { slide('left'); }, 10 );
			
 		}, function()
 		{
 			clearInterval(sliderInterval);
 		});
 		
 		$right.hover(function()
 		{
 			sliderInterval = setInterval(function() { slide('right'); }, 10 );
			
 		}, function()
 		{
 			clearInterval(sliderInterval);
 		});
 	}
 
 	if ($('body#we .section.nosotros #slideShow').length != 0)
 	{
 		var slideShowAnimation = setInterval(slideShow,4000);
 	}
 
 });
 
 function slideShow()
 {
 	var $listElements = $('#slideShow ul li');
 	var $active = $('#slideShow ul li.active');
 	$listElements.css('opacity','0');
 	$active.css('opacity','1');
 	var posActive = $listElements.index($active.get(0));
 	var posNext = posActive + 1;
 	if (posNext >= $listElements.length)
 	{
 		posNext = 0;
 	}
 	var $siguiente = $($listElements.get(posNext));
 	//alert($siguiente);
 	$active.removeClass('active');
 	$siguiente.addClass('active');
 	$active.css('z-index','10');
 	$siguiente.css('z-index','20');
 	$siguiente.animate({ 'opacity' : '1'},500, function()
 	{
 	});
 }
 
 function temporizador()
 {
 	window.clearTimeout(timer);
 	timer = window.setTimeout(function(e)
	{
		var $slideControls = $('#sliderControl a');
		var $slideActive = $('#sliderControl a.active');
		
		var numControlActive = $slideControls.index($slideActive);
		
		var siguiente;
		
		if (numControlActive >= $slideControls.length-1) { siguiente = 0; }
		else { siguiente = numControlActive + 1; }
		
		//alert(siguiente);
		
		$($slideControls[siguiente]).trigger('click');
		
	},tiempoSlider);
 }

 function slide(direction)
 {
 	$container = $('#sliderContainer');
 	$thumbList = $('#sliderContainer ul');
	
 	var width = parseInt($thumbList.css('width'))-parseInt($container.css('width'));
 	var amount = parseInt($thumbList.css('left'));
 	
 	if (direction=='right')
 	{
 		amount -= 3;
 		if (amount < -width+6) { amount = -width+6; }
 	}
 	else
 	{
 		amount += 3;
 		if (amount > 0) { amount = 0; }
 	}
 	
 	$thumbList.css('left', amount);
 	
 }