// JavaScript Document
var cont_over;
var tempo;

cont_over=0;
tempo=2500;

$(document).ready(function() {

//
// compatibilita con IE
//
$('#link_change2').click(
	
	function(){
		var indirizzo=document.getElementById('link_change').href;
		self.location=indirizzo;
	}
	
);

$('#link_change2').mouseover(
	
	function(){
		$('#link_change2').css("cursor","hand");
	}
	
);

$('#link_change2').mouseout(
	
	function(){
		$('#link_change2').css("cursor","arrow");
	}
	
);

$('#slideshow1').click(
	
	function(){
		self.location="aroma_light.php";
	}
	
);

$('#slideshow1').mouseover(
	
	function(){
		$('#slideshow1').css("cursor","hand");
	}
	
);

$('#slideshow1').mouseout(
	
	function(){
		$('#slideshow1').css("cursor","arrow");
	}
	
);

$('#slideshow2').click(
	
	function(){
		self.location="aromiris.php";
	}
	
);

$('#slideshow2').mouseover(
	
	function(){
		$('#slideshow2').css("cursor","hand");
	}
	
);

$('#slideshow2').mouseout(
	
	function(){
		$('#slideshow2').css("cursor","arrow");
	}
	
);

$('#slideshow3').click(
	
	function(){
		self.location="elisir.php";
	}
	
);

$('#slideshow3').mouseover(
	
	function(){
		$('#slideshow3').css("cursor","hand");
	}
	
);

$('#slideshow3').mouseout(
	
	function(){
		$('#slideshow3').css("cursor","arrow");
	}
	
);

$('#slideshow4').click(
	
	function(){
		var indirizzo=document.getElementById('link_slideshow4').href;
		self.location=indirizzo;
	}
	
);

$('#slideshow4').mouseover(
	
	function(){
		$('#slideshow4').css("cursor","hand");
	}
	
);

$('#slideshow4').mouseout(
	
	function(){
		$('#slideshow4').css("cursor","arrow");
	}
	
);

$('#slideshow5').click(
	
	function(){
		self.location="passioni_aromatiche.php";
	}
	
);

$('#slideshow5').mouseover(
	
	function(){
		$('#slideshow5').css("cursor","hand");
	}
	
);

$('#slideshow5').mouseout(
	
	function(){
		$('#slideshow5').css("cursor","arrow");
	}
	
);

$('#slideshow6').click(
	
	function(){
		var indirizzo=document.getElementById('link_slideshow6').href;
		self.location=indirizzo;
	}
	
);

$('#slideshow6').mouseover(
	
	function(){
		$('#slideshow6').css("cursor","hand");
	}
	
);

$('#slideshow6').mouseout(
	
	function(){
		$('#slideshow6').css("cursor","arrow");
	}
	
);

$('.slideshow_all').cycle({						  
	fx: 'fade',
	timeout: tempo,
	before: controllo,		
	after:   controllo 
});
	
$('#bottone1').mouseover(
	function(){
		if(cont_over==0){
			$('#bottone1').css('background','url(immagini/bottone1_hover.png) no-repeat');
		}
	}
);

$('#bottone1').mouseout(
	function(){
		if(cont_over==0){
			$('#bottone1').css('background','url(immagini/bottone1.png) no-repeat');
		}
	}
);

$('#bottone2').mouseover(
	function(){
		if(cont_over==0){
			$('#bottone2').css('background','url(immagini/bottone2_hover.png) no-repeat');
		}
	}
);

$('#bottone2').mouseout(
	function(){
		if(cont_over==0){
			$('#bottone2').css('background','url(immagini/bottone2.png) no-repeat');
		}
	}
);

$('#bottone3').mouseover(
	function(){
		if(cont_over==0){
			$('#bottone3').css('background','url(immagini/bottone3_hover.png) no-repeat');
		}
	}
);

$('#bottone3').mouseout(
	function(){
		if(cont_over==0){
			$('#bottone3').css('background','url(immagini/bottone3.png) no-repeat');
		}
	}
);

$('#bottone4').mouseover(
	function(){
		if(cont_over==0){
			$('#bottone4').css('background','url(immagini/bottone4_hover.png) no-repeat');
		}
	}
);

$('#bottone4').mouseout(
	function(){
		if(cont_over==0){
			$('#bottone4').css('background','url(immagini/bottone4.png) no-repeat');
		}
	}
);

$('#bottone5').mouseover(
	function(){
		if(cont_over==0){
			$('#bottone5').css('background','url(immagini/bottone5_hover.png) no-repeat');
		}
	}
);

$('#bottone5').mouseout(
	function(){
		if(cont_over==0){
			$('#bottone5').css('background','url(immagini/bottone5.png) no-repeat');
		}
	}
);

$('#bottone6').mouseover(
	function(){
		if(cont_over==0){
			$('#bottone6').css('background','url(immagini/bottone6_hover.png) no-repeat');
		}
	}
);

$('#bottone6').mouseout(
	function(){
		if(cont_over==0){
			$('#bottone6').css('background','url(immagini/bottone6.png) no-repeat');
		}
	}
);


$('#bottone1').click(	
		
	function(){
	
	//cont_over messa a uno per disabilitare il mouseover e mouseout	
	cont_over=1;	
	
	//seleziono il bottone 1
	sel_bottone(1);		
	
	//fermo la slide principale
	ferma_slide_principale();

	//nascondo le altre slide
	nascondi_altre_slide(1);	
	
	//mostro la slide corrente e se 
	$('.slideshow1').css('display','block');
	$('.slideshow1').cycle({
		fx: 'fade',
		timeout: tempo,
		after: controllo_slide_finale			
	});	
	
	//bottone 1 gestisce una sola immagine allora riavvio manualmente
	$('.slideshow1').cycle('stop');
	setTimeout(function(){riavvia();},tempo);	
		
});
	
$('#bottone2').click(	
					 
	function(){
		
	//cont_over messa a uno per disabilitare il mouseover e mouseout	
	cont_over=1;	
	
	//seleziono il bottone 2
	sel_bottone(2);	
	
	//fermo la slide principale
	ferma_slide_principale();
	
	//nascondo le altre slide
	nascondi_altre_slide(2);
	
	//mostro la slide corrente e se 
	$('.slideshow2').css('display','block');
	$('.slideshow2').cycle({
		fx: 'fade',
		timeout: tempo,		
		after: controllo_slide_finale			
	});	

	//bottone 2 gestisce una sola immagine allora riavvio manualmente
	$('.slideshow2').cycle('stop');
	setTimeout(function(){riavvia();},tempo);	

});

$('#bottone3').click(	
					 
	function(){
		
	//cont_over messa a uno per disabilitare il mouseover e mouseout	
	cont_over=1;	
	
	//seleziono il bottone 3
	sel_bottone(3);	
	
	//fermo la slide principale
	ferma_slide_principale();
	
	//nascondo le altre slide
	nascondi_altre_slide(3);
	
	//mostro la slide corrente e se 
	$('.slideshow3').css('display','block');
	$('.slideshow3').cycle({
		fx: 'fade',
		timeout: tempo,		
		after: controllo_slide_finale			
	});	

	//bottone 3 gestisce una sola immagine allora riavvio manualmente
	$('.slideshow3').cycle('stop');
	setTimeout(function(){riavvia();},tempo);	
	

});

$('#bottone4').click(	
					 
	function(){
		
	//cont_over messa a uno per disabilitare il mouseover e mouseout	
	cont_over=1;	
	
	//seleziono il bottone 4
	sel_bottone(4);	
	
	//fermo la slide principale
	ferma_slide_principale();
	
	//nascondo le altre slide
	nascondi_altre_slide(4);
	
	//mostro la slide corrente e se 
	$('.slideshow4').css('display','block');
	$('.slideshow4').cycle({
		fx: 'fade',
		timeout: tempo,
		before: controllo_link,
		after: controllo_slide_finale			
	});	


});

$('#bottone5').click(	
					 
	function(){
		
	//cont_over messa a uno per disabilitare il mouseover e mouseout	
	cont_over=1;	
	
	//seleziono il bottone 5
	sel_bottone(5);	
	
	//fermo la slide principale
	ferma_slide_principale();
	
	//nascondo le altre slide
	nascondi_altre_slide(5);
	
	//mostro la slide corrente e se 
	$('.slideshow5').css('display','block');	
	$('.slideshow5').cycle({
		fx: 'fade',
		timeout: tempo,		
		after: controllo_slide_finale			
	});	
	
	//bottone 5 gestisce una sola immagine allora riavvio manualmente
	$('.slideshow5').cycle('stop');
	setTimeout(function(){riavvia();},tempo);		

});

$('#bottone6').click(	
					 
	function(){
		
	//cont_over messa a uno per disabilitare il mouseover e mouseout	
	cont_over=1;			
		
	//seleziono il bottone 5
	sel_bottone(6);	
	
	//fermo la slide principale
	ferma_slide_principale();
	
	//nascondo le altre slide
	nascondi_altre_slide(6);

	//mostro la slide corrente e se 
	$('.slideshow6').css('display','block');	
	$('.slideshow6').cycle({
		fx: 'fade',
		timeout: tempo,		
		before: controllo_link,
		after: controllo_slide_finale			
	});	
	

});

function controllo() { 
	cont_over=0;
	if(this.title=="aromalight"){		
		document.getElementById("link_change").href='aroma_light.php';
	}	
	if(this.title=="aromiris"){
		document.getElementById("link_change").setAttribute("href","cicciopasticcio");
		document.getElementById("link_change").href='aromiris.php';
	}
	if(this.title=="elisir"){
		document.getElementById("link_change").href='elisir.php';
	}
	if(this.title=="flowerstavolo"){
		document.getElementById("link_change").href='flowers_tavolo.php';
	}	
	if(this.title=="flowersterra"){
		document.getElementById("link_change").href='flowers_terra.php';
	}	
	if(this.title=="passioniaromatiche"){
		document.getElementById("link_change").href='passioni_aromatiche.php';
	}
	if(this.title=="vanitylightbody"){
		document.getElementById("link_change").href='vanity_light_body.php';
	}
	if(this.title=="vanitylightface"){
		document.getElementById("link_change").href='vanity_light_face.php';
	}	
	if(this.title=="vanitylightsmall"){
		document.getElementById("link_change").href='vanity_light_small.php';
	}			
	sel_bottone(this.alt);	

}

function controllo_link(){
	
	if(this.title=="flowerstavolo"){
		document.getElementById("link_slideshow4").href='flowers_tavolo.php';
	}
	
	if(this.title=="flowersterra"){
		document.getElementById("link_slideshow4").href='flowers_terra.php';
	}

	if(this.title=="vanitylightbody"){
		document.getElementById("link_slideshow6").href='vanity_light_body.php';
	}
	
	if(this.title=="vanitylightface"){
		document.getElementById("link_slideshow6").href='vanity_light_face.php';
	}

	if(this.title=="vanitylightsmall1"){
		document.getElementById("link_slideshow6").href='vanity_light_small1.php';
	}
}
//----
//
//   controllo se la slide è la finale,se vero la metto in pausa e faccio ripartire la slide principale
//
//----
function controllo_slide_finale() { 
	
	if(this.alt=="1"){
		$('.slideshow1').cycle('stop');
		setTimeout(function(){riavvia();},tempo-1000);	
	}

	if(this.alt=="2"){
		$('.slideshow2').cycle('stop');
		setTimeout(function(){riavvia();},tempo-1000);	
	}
	
	if(this.alt=="3"){
		$('.slideshow3').cycle('stop');
		setTimeout(function(){riavvia();},tempo-1000);	
	}
	
	if(this.alt=="5"){
		$('.slideshow4').cycle('stop');
		setTimeout(function(){riavvia();},tempo-1000);	
	}
	
	if(this.alt=="6"){
		$('.slideshow5').cycle('stop');
		setTimeout(function(){riavvia();},tempo-1000);	
	}
	
	if(this.alt=="9"){
		$('.slideshow6').cycle('stop');
		setTimeout(function(){riavvia();},tempo-1000);	
	}	
	
}


//----
//
//   riavvio la slide principale e nascondo le singole
//
//----
function riavvia(){
	$('.slideshow1').css('display','none');
	$('.slideshow2').css('display','none');
	$('.slideshow3').css('display','none');
	$('.slideshow4').css('display','none');
	$('.slideshow5').css('display','none');
	$('.slideshow6').css('display','none');
	
	$('.slideshow_all').css('display','block');	
    $('.slideshow_all').cycle('stop');
    $('.slideshow_all').cycle({						  
		fx: 'fade',
		timeout: tempo,
		before: controllo,		
		after:   controllo 
	},function(){ cont_over=0;});	
	cont_over=0;
}


//----
//
//   seleziono il bottone interessato e nascondo i restanti
//
//----
function sel_bottone(valore){

	for(var i=1;i<=6;i++){
		
		if(valore==i){
			document.getElementById("bottone"+i).style.background='url(immagini/bottone'+i+'_sel.png) no-repeat';
		}else{
			document.getElementById("bottone"+i).style.background='url(immagini/bottone'+i+'.png) no-repeat';			
		}
		
	}
	
}


//----
//
//   la singola slide mostra le immagini che interessano al gruppo 
//   e quando trova l'immagine finale fa ripartire la principale
//
//----
function nascondi_altre_slide(valore){
	
	for(var i=1;i<=6;i++){
		
		if(valore!=i){			
			$('.slideshow'+i).css('display','none');			
		}
		
	}
	
}


//----
//
//   fermo la slide principale
//
//----
function ferma_slide_principale(){
	$('.slideshow_all').css('display','none');	
	$('.slideshow_all').cycle('pause');
}

});