$(function()
{
   $("div.svw").prepend("<img src=\'util/img/icones/load.gif\' class=\'ldrgif\' alt=\'Carregando animação...aguarde\' />"); 
});

$.fn.slideView = function(settings)
{
	settings = $.extend(
	{
		easeFunc: "easeInOutExpo",
		easeTime: 500,
		toolTip: false
	}, settings);
	 
	var container = $(this);
	container.find("img.ldrgif").remove();
	container.removeClass("svw").addClass("stripViewer");	

	var pictWidth = container.find("li").width();
	var pictEls = container.find("li").size();
	var stripViewerWidth = ((pictEls / 4) * 80) + (pictWidth * pictEls);
	container.find("ul").css("width", stripViewerWidth);
	
	var vamos = pictEls / 4;
	
	$("div#setaesquerda").bind("click", function() 
	{
		aux = $("#controle").val();
		if(aux > vamos)
		  aux = vamos;
		else
		  aux++;
		  
		if(aux != vamos)
		{
			var cnt = - (520 * aux);// Calcula a posição final da animação
			container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);// Efetua a animação
			$("#controle").val(parseInt(aux));
			return false;
		}
	});

	$("div#setadireita").bind("click", function() 
	{
		aux = $("#controle").val();
		if(aux < 0)
		  aux = 0;
		else
		  aux--;
		  
		if(aux >= 0)
		{
			var cnt = - (520 * aux);// Calcula a posição final da animação
			container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);// Efetua a animação
			$("#controle").val(parseInt(aux));
			return false;
		}
	});
	
	return this;
};