jQuery.noConflict();
jQuery(document).ready(function()
{
	//find slideshow width
	
	var itemProperty = jQuery("#slideshow ul li").css("width");
	var itemWidth = itemProperty.split("px")[0];
	var totalWidth = jQuery("#slideshow ul li").length * itemWidth;
	var currentItem = 0;
	var itemLimit = jQuery("#slideshow ul li").length;
	var canClick = true;
	var canMove = true;
	
	jQuery("#slideshow ul").css("width", totalWidth + "px");
	
	resolveTitle();
	
	jQuery("#slideshow #leftButton").click(function()
	{
		canMove = false;
		
		if(canClick)
		{
			canClick = false;
			
			if(currentItem > 0) 
			{
				--currentItem;
			}
			else
			{
				currentItem = itemLimit-1;
			}
		
			jQuery("#slideshow ul").animate({"right":currentItem * itemWidth}, 800, "", function(){canClick = true});
			
			resolveTitle();
		}
		
		return false;
	});
	
	jQuery("#slideshow #rightButton").click(function()
	{
		canMove = false;
		
		if(canClick)
		{
			canClick = false;
			
			if(currentItem < itemLimit-1) 
			{
				++currentItem;
			}
			else
			{
				currentItem = 0;
			}
		
			jQuery("#slideshow ul").animate({right:currentItem * itemWidth}, 800, "", function(){canClick = true});
			
			resolveTitle();
		}
		
		return false;
	});
	
	setInterval(function()
	{
		if(canClick && canMove)
		{
			canClick = false;
			
			if(currentItem < itemLimit-1) 
			{
				++currentItem;
			}
			else
			{
				currentItem = 0;
			}
		
			jQuery("#slideshow ul").animate({right:currentItem * itemWidth}, 800, "", function(){canClick = true});
			
			resolveTitle();
		}
	}
	, 8000);
	
	function resolveTitle()
	{
		var title = jQuery("#slideshow #slideshow_container ul li a img").get(currentItem).getAttribute("title");
		var href = jQuery("#slideshow #slideshow_container ul li a").get(currentItem).getAttribute("href");
		
		jQuery("#slideshow #slide_title h2").html
		(
			'<a href="' + href + '">' + title + ' | <span>Click para ver más...</span></a>'
		);
	}
});