var prev;
var max;
function create() {
	
	max = 450 * $("div#opera div.elem").size();
	$("div#operaCont").wrapInner('<div style="position: relative; width:' + (900 * $("div#opera div.elem").size()) + 'px;"></div>');
	

	
	if(prev != "" && prev != id)
		$("div#left").html('<div id="ll"><a onclick="$(\'div#operaCont,div#left,div#right\').fadeOut()" href="#'+ prev +'"><img src="/statico/media/img/left.png" border="0" /></a></div>');
	else {
		$("div#left").html('<div id="ll"><img src="/statico/media/img/empty.png" border="0" /></div>');
		$(".elem p").css({marginLeft: 30});
	}
		
	if(succ != "" && succ != id)
		$("div#right").html('<div id="rr"><a onclick="$(\'div#operaCont,div#left,div#right\').fadeOut()" href="#'+ succ +'"><img src="/statico/media/img/right.png" border="0" /></a></div>');	
	else
		$("div#right").html('<div id="rr"><img src="/statico/media/img/right.png" border="0" /></div>');	
	
	if($("div#opera div.elem").size() > 1) {		
		$("div#left").append('<div id="lll">-</div>');
		$("div#right").append('<div id="rrr" style="color: red">+</div>');	
	} 
	
	altezza = ($("div#opera div.elem").height()) - 52;
	

	if(altezza < 100)
		altezza = 600;
	
	
	$("div#ll,div#rr").css("margin-top", (altezza/2) - 38);
	$("div#lll,div#rrr").css("margin-top", altezza/2 - 70);
	
	$("div#operaCont div").css("left", 0);
}

$("div#right").live("click", function() {
	
	if(Math.abs(parseInt($("div#operaCont div").css("left"))) < max - 900)
		$("div#operaCont div").animate({
			left: "-=450px"
		});
	else
		$("div#operaCont div").animate({
			left: "0px"
		});	
});

$("div#left").live("click", function() {
	
	if(Math.abs(parseInt($("div#operaCont div").css("left"))) > 0)
		$("div#operaCont div").animate({
			left: "+=450px"
		});
	else
		$("div#operaCont div").animate({
			left: "-" + (max - 900) + "px"
		});	
})