window.onAjaxLoad = function() {};

$(document).ready(function(){						 
	
	$('a.out').click(function(){	
		this.target = "_blank";	
	});
	
	$("#down a").hover(
  function () {
    $(this).append($("<span id=\"tooltip\"></span>")).fadeIn(1000);
  }, 
  function () {
    $(this).find("span:last").remove().fadeOut(1000);
  }
	);



	
	//immagini iPhone
	var $dett = $("#dettaglio ul li");
	var pos, posnext;
	var tot = $("#iphonecont li").length;		
	var larghezza = $("#iphonecont li").width();
	var larghezzaDett = $("#dettaglio li").width();
	var ultimo = tot-1;
	var conta = 0;
	$("#iphonecont ul").css('width',tot*larghezza);	
	$("#description li a[id=img_"+conta+"]").addClass("on");
	$(".frecce #prev a").click(function(){
		if (conta>0) {
			$(".frecce #next a").removeClass("off");
			conta = conta-1;
			posizione = (conta*larghezza*-1)  + 'px';
			$("#iphonecont ul").animate(
			{ marginLeft: posizione }, 
			500
			);		
			if(conta==0) 
				$(".frecce #prev a").addClass("off");
			$("#description li a").removeClass("on");
			$("#description li a[id=img_"+conta+"]").addClass("on");
			crossFade(conta+1, conta);
		}	
	});	
	
	$(".frecce #next a").click(function(){
		if (conta<ultimo) {
			$(".frecce #prev a").removeClass("off");
			conta = conta+1;
			posizione = (conta*larghezza*-1)  + 'px';
			$("#iphonecont ul").animate(
				{ marginLeft: posizione }, 
				500
				);			
			if(conta==ultimo) 
				$(".frecce #next a").addClass("off");
			$("#description li a").removeClass("on");
			$("#description li a[id=img_"+conta+"]").addClass("on");
			crossFade(conta-1, conta);
		}			 		
	});
	
	$("#description li a").click(function(){
		var contaDett = $(this).attr("id").match(/[0-9]/)[0];
		contaDett = parseInt(contaDett);
		$("#description li a").removeClass("on");
		$(this).addClass("on");
		posizione = (contaDett*larghezza*-1)  + 'px';
		$("#iphonecont ul").animate(
		{ marginLeft: posizione}, 
		500
		);		
		$(".frecce #next a").removeClass("off");
		$(".frecce #prev a").removeClass("off");
		if(contaDett==ultimo)
			$(".frecce #next a").addClass("off");		
		if(contaDett==0)
			$(".frecce #prev a").addClass("off");			
		crossFade(conta, contaDett);
		conta = contaDett;
	});		
		
	function crossFade(pos, posnext) {	
		$dett.eq(pos).fadeOut(500);
		$dett.eq(posnext).fadeIn(1000);
	}


});