// JavaScript Document// Slideshow prodotto
// Realizzo una matrice contenente le immagini da presentare
var immagini = new Array();

var timeout;
var index = 0;
// Funzione che sostituisce un'immagine con la successiva
// JQUERY FADEOUT - FADEIN
function RotazioneImmagini() {
	if (immagini == "") {
		var array = $('#box_img').attr('alt');
		var elencoImmagini = array.split(";");
		var k = 0;
		for (var i = 1; i <= elencoImmagini[0]; i++) {
			if (elencoImmagini[i] != "") {
				immagini[k] = new Image();
				immagini[k].src = elencoImmagini[i];
				k++;
			}
		}
	}
	

	$('#box_immagine').fadeOut(1000, function() {
		document.getElementById('box_immagine').src = immagini[index].src;
		$('#box_immagine').fadeIn(1000, function() {
			index++;
			if (index >= immagini.length) {
				index = 0;
			}
			timeout = setTimeout('RotazioneImmagini();', 3000);
		});
	});
}

//FASCIA BG
var bgArr;
var bgArr;
var i=0;
var interval;

function swapBkgnd() {
	if (bgArr == undefined) {
		var arraySfondo = $('#box_sfondo').attr('alt');
		var elencoImgSfondo = arraySfondo.split(";");
		bgArr = new Array();
		bgArr = elencoImgSfondo;
	}

	$("#fasciaPH").fadeOut(1000, function(){
	$("#fasciaPH").css("background-image", "url(" + bgArr[i++] + ")").fadeIn(1000, function() {
		interval = setTimeout('swapBkgnd();', 3000);
		
		if (i>(bgArr.length-1) ) {
			i=0
		}
		 
		});
	});
  
 }
 
 
 //PRODOTTI - CATEGORIA
 //scroll caratteristiche
 var creatoScroll=false;

function centerDiv(){
	
  	var DIVwidth = $('#slider').width();	
	var DIVheight = $('#slider').height();
	var SCREENwidth = $(document).width();
	var SCREENheight = $(window).height();	
	var SCREENscrolltop = $(window).scrollTop();
	$('#slider').hide();
	$('#slider').css({"position":"absolute","left":(SCREENwidth-DIVwidth)/2+"px"});
	$('#slider').show();
	
	//alert('centra div');
 
}


function creaScroll(){
	
	var larghezzaProdotto=$(".product").width();
	var numeroProdotti=$(".product").length;
	
	if(numeroProdotti*larghezzaProdotto>$(window).width()){
	
		if(creatoScroll==false){
	
			creatoScroll=true;
	
			//codice scroll che funziona con + di 4 immagini
			$("#slider").mopSlider({
				'w':$(window).width(),
				'h':300,
				'sldW':$(window).width(),
				'btnW':278,
				'itemMgn':10,
				'indi':"",
				'type':'tutorialzine',
				'shuffle':1
			});
		}
	
	}else{
		
		if(creatoScroll==true){
		
			btnPosi=eval($(mopSliderName+" .sliderBtn").css("left").split("px")[0]);
				if(btnPosi!=0){
					if(browser!="ie6"){
						$(mopSliderName+" .sldBtnLeft").css({backgroundImage:"url("+btnLeftF.src+")"});
						$(mopSliderName+" .sldBtnRight").css({backgroundImage:"url("+btnRightF.src+")"});
					}
				}
				$(mopSliderName+" .sliderBtn").animate({left:"0px"},{duration:"1000",easing:"linear",complete:function (){complate()}});
				$(mopSliderName+" .holder").children().animate({left:scrollMax+px},{duration:"1000",easing:"linear",complete:function (){complate()}});
		
		}else{
			centerDiv();
		}
	}
}