var scrollHandler = null;
$(document).ready(function(){
	$('#thumb #back').css({ opacity:"0.5"});
	$('#preview #back').css({ opacity:"0.5"});
	$('#thumb #forward').hover(function(){
		clearInterval(scrollHandler);
		scrollHandler = setInterval("slider('-82')", 500);
	}).mouseout(function(){
		clearInterval(scrollHandler);
	});
	$('#thumb #back').hover(function(){
		clearInterval(scrollHandler);
		scrollHandler = setInterval("slider('82')", 500);
	}).mouseout(function(){
		clearInterval(scrollHandler);
	});
	$("#slider ul li img").click(function(){
		preview(this);
		$("#slider ul li img").attr("class","");
		$(this).attr("class","selected");
	});
	var src = $("#slider ul li img.selected").attr("src");
	preview("#slider ul li img.selected");
	
});
$(document).keyup(function(event){
	var ul_ = document.getElementById("slider");
	var lis = ul_.getElementsByTagName('li');
	limit = (lis.length);
	if (event.keyCode == 37) {
		trade('-1',limit);  
	}
	 if (event.keyCode == 39) {
        trade(1,limit);
    }
});
function slider(value) {
	$('#thumb #back').css({ opacity:"1"});
	$('#thumb #forward').css({ opacity:"1"});
	var position = $("#slider ul").css("left");
	var ar_position = position.split("px");
	var left = eval(ar_position[0])+eval(value);
	var width = $("#slider").width();
	var width_slider = $("#slider ul").width();
	var max_slider = width_slider - width;
	/* debug * /
	$("#sidebar").html("<br>");
	$("#sidebar").html($("#sidebar").html()+width+"<br>");
	$("#sidebar").html($("#sidebar").html()+width_slider+"<br>");
	$("#sidebar").html($("#sidebar").html()+max_slider+"<br>");
	$("#sidebar").html($("#sidebar").html()+left+"<br>");
	/* debug */
	if (left > 0) {
		$('#thumb #back').css({ opacity:"0.5"});
		return false;
	}
	if (left < eval("-"+(max_slider+5))) {
		$('#thumb #forward').css({ opacity:"0.5"});
		return false;
	}
	$("#slider ul").animate({
		left: '+='+value
		}, 500, function() {
	});
}
function preview(obj) {
	var w_r = $(obj).attr("rel");
	var src = $(obj).attr("src");
	if (!src) return false;
	var ar_w_r = w_r.split("-");
	var src = src.replace(/w=78/, "w="+ar_w_r[0]);
	var src = src.replace(/h=63/, "h="+ar_w_r[1]);
	var ampliar = src.split("?src=");
	var	ampliar = ampliar[1].split("&w=");
	$('#image').css('background', 'url('+src+') no-repeat scroll center');
	$('#image').css('height',ar_w_r[1]+"px");
	$('#preview').css('height',ar_w_r[1]+"px");
	$('#preview #back').css('height',ar_w_r[1]+"px");
	$('#preview #forward').css('height',ar_w_r[1]+"px");
	$('#preview #ampliar').attr("href",ampliar[0]);
	var desc = $(obj).attr("title");
	if (desc) $('#description').html("<p>"+desc+"</p>");
	else $('#description').html(" ");
}
function trade(next,limit) {
	$('#preview #back').css({ opacity:"1"});
	$('#preview #forward').css({ opacity:"1"});
	var selected = $("#slider ul li img.selected").attr("id");
	var next = eval(selected)+eval(next);
	if (next < 1) {
		//$('#preview #back').css({ opacity:"0.5"});
		return false;
	}
	if (next > limit) {
		//$('#preview #forward').css({ opacity:"0.5"});
		return false;
	}
	$("#slider ul li img").attr("class","");
	$("#slider ul li img#"+next).attr("class","selected");
	var src = $("#slider ul li img.selected").attr("src");
	preview("#slider ul li img.selected");
	slider_forcer(next,limit);
}
function slider_forcer(atual,limit) {
	var position = $("#slider ul").css("left");
	var ar_position = position.split("px");
	var left = eval(ar_position[0]);
	var width = $("#slider").width();
	var cada = 76+6;
	var nova_util = width+(cada*atual);
	var incial = (cada-left)/cada;
	var estou_fora_dir = (atual-incial-7+1);
	var estou_fora_esc = (incial-atual);
	/* debug * /
	$("#sidebar").html("<br>");
	$("#sidebar").html($("#sidebar").html()+"Inicial!: "+incial+"<br>");
	$("#sidebar").html($("#sidebar").html()+"Atual: "+atual+"<br>");
	$("#sidebar").html($("#sidebar").html()+"Cada: "+(cada)+"<br>");
	$("#sidebar").html($("#sidebar").html()+"Primeiro: "+(cada-left)+"<br>");
	$("#sidebar").html($("#sidebar").html()+"Quanto estou fora dir?: "+(estou_fora_dir)+"<br>");
	$("#sidebar").html($("#sidebar").html()+"Quanto estou fora esc?: "+(estou_fora_esc)+"<br>");
	/**/
	if (estou_fora_dir > 0) {
		slider('-'+(82 * estou_fora_dir));
	}
	if (estou_fora_esc > 0) {
		slider(82 * estou_fora_esc);
	}
}