var currentImg;
var currentLink;
var currentLinkIndex;
var galleryControl = 'pause';
var linklist = new Array();
var imageslist = new Array();

function fade( tohide, toshow)
{
	tohide.css({ 'opacity' : 1});
	var tohide_id = parseInt(tohide.attr('rel'));
	var toshow_id = parseInt(toshow.attr('rel'));
	
	if(toshow_id > tohide_id)
	{
		// presentaré una imagen mayor en la lista
		
		toshow.css({ 'opacity' : 0 , 'display': 'none', 'position': 'relative', 'top' : '-335px'});
		tohide.css({'top' : '0px'});
	}else
	{
		// la imagen es menor
		toshow.css({ 'opacity' : 0 , 'display': 'none', 'position': 'relative', 'top' : '0px'});
		tohide.css({'top' : '-335px'});
	}
	
	tohide.animate({ opacity: 0}, 500, function(){
		tohide.css({ 'display' : 'none'});
		toshow.css({ 'top' : '0px'});
	});
	
	toshow.css({ 'display' : 'block'});
	toshow.animate({ opacity: 1}, 500 , function(){
		
	});
}
function slide( index, width)
{
	$('.slider').css({ 'position' : 'relative'});
	var i = 0 - (index * width);
	//$('#log').html($('#log').html() + index + ' * ' + width +' = ' + i + ' <br />');
	$('.slider').animate({ 'left': i}, 500, 'easeOutExpo' , function(){
		
	});	
}

function slidehome( index)
{
	$('.slider').css({ 'position' : 'relative'});
	
	var i = 0 - (index * 740);
	$('.slider').animate({ 'left': i}, 740, 'easeOutExpo' , function(){
		
	});	
}

function fadeGallery( container_id)
{
	currentLinkIndex = 0;
	var seconds_time = 3000;
	if($('#' + container_id).length > 0)
	{
		var linklist = new Array();
		var imageslist = new Array();
		var imagesbox = $('#' + container_id+' .box');
		
		$('#' + container_id+' #navimages ul li').each(function(){
			var link = $(this).find('a');
			linklist.push(link);
		});
		//alert('#' + container_id+' .box a');
		$('#' + container_id+' .box a').each(function(){
			var atag = $(this);
			atag.css({ 'display' : 'none'});
			imageslist.push(atag);
		});
		currentImg = imageslist[0].css({ 'display' : 'block'});
		currentLinkIndex = 0;
		currentLink = linklist[0];
		currentLink.addClass('current');
		
	}else{
		alert('objeto no encontrado');
	}
}
function slideGallery( container_id, width)
{
	//$('#btnpause').hide();
	$(container_id).css('position', 'relative');
	$(container_id).find('.box').css('position', 'relative');
	var seconds_time = 3000;
	if($(container_id).length > 0)
	{
		
		var imagesbox = $(container_id+' .box');
		
		$(container_id+' .slider .proyecto-info').each(function(){
			//var link = $(this).find('a');
			linklist.push($(this));
		});
		//alert(linklist.length);
		$('.slider').css({'width' : (width * linklist.length)});
		alert
		//alert('#' + container_id+' .box a');
		$(container_id+' .box img').each(function(){
			var atag = $(this);
			//atag.css({ 'display' : 'none'});
			imageslist.push(atag);
		});
		
		currentLinkIndex = 0;
		currentLink = linklist[0];
		currentLink.addClass('current');
		
		currentImg = imageslist[0];
		
		$(container_id+' .sig a').click( function(){
			playNext(width);
			return false;
		});
		$(container_id+' .prev a').click( function(){
			playPrevious(width);
			return false;
		});
		
	}else{
		alert('objeto no encontrado');
	}
}
function slideGallery2( container_id, width)
{
	$(container_id).css('position', 'relative');
	$(container_id).find('.box').css('position', 'relative');
	
	var seconds_time = 3000;
	if($(container_id).length > 0)
	{
		
		var imagesbox = $(container_id+' .box');
		
		$(container_id+' .slider .proyecto-info').each(function(){
			//var link = $(this).find('a');
			linklist.push($(this));
		});
		
		$('.slider').css({'width' : (width * linklist.length)});
		alert
		//alert('#' + container_id+' .box a');
		$(container_id+' .box img').each(function(){
			var atag = $(this);
			//atag.css({ 'display' : 'none'});
			imageslist.push(atag);
		});
		
		currentLinkIndex = 0;
		currentLink = linklist[0];
		currentLink.addClass('current');
		
		currentImg = imageslist[0];
		
		$('.next-g a').click( function(){
			playNext(width);
			return false;
		});
		$('.prev-g a').click( function(){
			playPrevious(width);
			return false;
		});
		
	}else{
		alert('objeto no encontrado');
	}
}

function playNext( width){
	var current = currentLinkIndex;
	if(current <= (linklist.length - 1))
	{
		if(current < (linklist.length - 1))
			currentLinkIndex = current + 1;
		//$('#log').html($('#log').html() + ' -- ' + currentLinkIndex + ' : ');
		slide( currentLinkIndex, width);
	}
}

function playPrevious(width){
	var current = currentLinkIndex;
	
	if(current >= 0)
	{
		//current = 1;
		if(current > 0)
		currentLinkIndex = current - 1;
		slide( currentLinkIndex, width);
		
	}
	
}

function autoplay()
{
	if(galleryControl == 'pause'){
		//alert('pausado');
		return;
	}
	$('#btnplay').hide();
	$('#btnpause').show();
	//alert(galleryControl + ' : ' + currentLinkIndex + ' :: ' + linklist.length);
	
	var current = currentLinkIndex;
	
	if(current >= (linklist.length - 1))
	{
		current = 0 - 1;
	}
	
	//setTimeout(function(){
		
	if(currentLink)
		currentLink.removeClass('current');
	
	currentLinkIndex = current + 1;
	slide( currentLinkIndex);
	
		
	currentImg = imageslist[currentLinkIndex];
	currentLink = linklist[currentLinkIndex];
	currentLink.addClass('current');
	
	//autoplay(imageslist, linklist); // loop
	//}, 3000);
}


function autoplayhome()
{
	if(galleryControl == 'pause'){
		//alert('pausado');
		return;
	}
	$('#btnplay').hide();
	$('#btnpause').show();
	//alert(galleryControl + ' : ' + currentLinkIndex + ' :: ' + linklist.length);
	
	var current = currentLinkIndex;
	
	if(current >= (linklist.length - 1))
	{
		current = 0 - 1;
	}
	
	//setTimeout(function(){
		
	if(currentLink)
		currentLink.removeClass('current');
		
	slidehome( currentLinkIndex);
	currentImg = imageslist[currentLinkIndex];
	currentLink = linklist[currentLinkIndex];
	currentLink.addClass('current');
	currentLinkIndex = current + 1;
	//autoplay(imageslist, linklist); // loop
	//}, 3000);
}