/*
 * estroverso / antica torrefazione
 */
 

var w = $(window).width();

var bp=-1800;
var bpx=(w - 980) /2;
var changeBpx=0;
var setBpx=0;


var speed=2000;
var speedX=100;
var timeout=800;
var ml;
var mlcontent;
var logopos=380;

var contact = 0;
var news = 0;

$(document).ready(function() { centerStage(); });
$(window).resize(function() { centerStage() });

function centerStage()
{
   w = $(window).width();
   bpx=(w - 980) /2;
   setBpx = (bpx + 150);
   ml = ((w - 980) /2) - 40;
   mlcontent = ((w - 980) /2);
   resetbp = ml - bp;
   $('#content').css( {"left": + mlcontent + "px"} );
   //$('#logo').css( {"left": + (mlcontent+logopos) + "px"} );
   $('#btn').css( {"left": + (mlcontent+710) + "px"} );
   $('#contattiFooter').css( {"left": + (mlcontent+30) + "px"} );
   
   $('#loading').css( {"left": + (mlcontent+475) + "px"} );
   $('#sidebar').css( {"left": + (mlcontent) + "px"} );
   $('#menu').css( {"left": + (mlcontent) + "px"} );
   $('#square1').css( {"left": + (mlcontent+298) + "px"} );
   $('#square2').css( {"left": + (mlcontent+522) + "px"} );
   $('#square3').css( {"left": + (mlcontent+757) + "px"} );
   $('#casa').css( {"left": + (mlcontent+360) + "px"} );
   $('#lavoro').css( {"left": + (mlcontent+720) + "px"} );
   $('#contatti').css( {"left": + (mlcontent+271) + "px"} );
   $('#news').css( {"left": + (mlcontent+271) + "px"} );
   /*$('#freccia').css( {"left": + (mlcontent+540) + "px"} );
   $('#blink1').css( {"left": + (mlcontent+540) + "px"} );*/

$('#wave').css( {"width": + w + "px"} );
   $('#wave').css( {"backgroundPosition": setBpx + 'px ' + bp + 'px'} );
}


function set() 
{
	$('body').animate({scrollTop : 0},'slow');
	//$('#wave').animate( {backgroundPositionX: bpx + 'px'}, { duration: speedX, easing: 'easeInOutQuad'/*, complete: function() { scrollBp() } */});
	$('#wave').animate( {"backgroundPosition": setBpx + 'px ' + bp + 'px'}, { duration: speed, easing: 'easeInOutQuad'/*, complete: function() { moveBp() }*/ });
};
function scrollBp()
{
	$('#wave').animate( {"backgroundPosition": setBpx + 'px ' + bp + 'px'}, { duration: speed, easing: 'easeInOutQuad', complete: function() { moveBp() } });
};

function moveBp()
{
	setBpx = (bpx + changeBpx);
	setTimeout(function(){
	$('#logo').animate( {"left": + (mlcontent+logopos) + "px"}, { duration: speedX2, easing: 'easeInOutQuad'});
	$('#wave').animate( {backgroundPositionX: setBpx + 'px '}, { duration: speedX2, easing: 'easeInOutQuad', complete: function() { create() } });
	}, timeout);
};

function create()
{
	setTimeout(function(){
	//alert("ola");
	}, timeout);
};

function toEnd()
{
	setTimeout(function(){
	$('#wave').animate( {"backgroundPosition": setBpx + 'px ' + -3000 + 'px'}, { duration: 1500, easing: 'easeInOutQuad' });
	}, 8000);
	
};

function azione(i,from)
{
	
	//$("#contatti").slideToggle(500);
	switch (i)
		{
			//top
			case 1: 
				{
				  bp = 180;
				  speed = 2000;
				  changeBpx = 0;
				  speedX = 800;
				  timeout=100;
				  logopos=380;
				 
				}break;
			//scelta tra casa e lavoro	
			case 2: 
				{
				  bp = -650;
				  speed = 3000;
				  changeBpx = 0;
				  speedX = 0;
				  speedX2 = 1000;
				  timeout=800;
				  logopos=380;
				  $("#divHome").slideToggle();
				  $("#freccia").fadeOut("fast");
				  $("#clues").fadeOut("fast");
				  
				  //back e next abilitati
				  $("#stepNext").css('opacity','1');
				  $("#stepNext").css('cursor','pointer');
				  $("#stepBack").css('opacity','1');
				  $("#stepBack").css('cursor','pointer');
				  
				  setTimeout(function(){ $("#divChoice").slideToggle("slow"); }, 1000);
				  setTimeout(function(){ $("#casa").fadeIn("slow"); }, 2000);
				  setTimeout(function(){ $("#lavoro").fadeIn("slow"); }, 2500);
				  setTimeout(function(){ $("#bar").fadeIn("slow");}, 3000);
				  
				  setTimeout(function(){ document.getElementById('clues').style.background = "url(/images/clues/n2.png) no-repeat"; document.getElementById('clues').style.top = "120px"; $("#clues").fadeIn("slow");}, 4000);
				
				}break;
			//prodotti
			case 3: 
				{
				  //scompaiono le tre scelte
				  $("#casa").fadeOut("slow"); $("#lavoro").fadeOut("slow"); $("#bar").fadeOut("slow");
				  //scompaiono i pannelli aperti
				  $("#divProductsPanelCover").fadeOut("fast");
				  $("#clues").fadeOut("fast");
				   
				  //carico la pagina selezionata
				  switch (from)
				  	{
						case 1: { $("#divProducts").load("/include/casa.php"); } break;
						case 2: { $("#divProducts").load("/include/lavoro.php"); } break;
						case 3: { $("#divProducts").load("/include/bar.php"); } break;
					}
				  
				  bp = -1100;
				  speed = 3000;
				  changeBpx = 0;
				  speedX = 0;
				  speedX2 = 1000;
				  timeout=800;
				  logopos=380;
				  $("#divChoice").slideToggle();
				  setTimeout(function(){ $("#divProducts").slideToggle(2000); }, 1000);
				  
				  if (from != 3)
				  	{ setTimeout(function(){ document.getElementById('clues').style.background = "url(/images/clues/n3.png) no-repeat"; $("#clues").fadeIn("slow");}, 2000); }

				  
				  //back e next abilitati
				  $("#stepNext").css('opacity','1');
				  $("#stepNext").css('cursor','pointer');
				  $("#stepBack").css('opacity','1');
				  $("#stepBack").css('cursor','pointer');
				  
				  
				  /*setTimeout(function(){ $("#btn").fadeIn(); }, 2500);*/
				  				  
				}break;
			//radici
			case 4: 
				{
				  $("#divProductsPanelCover").fadeOut("fast");
				  $("#clues").fadeOut("fast");

				  bp = -2000;
				  speed = 3000;
				  changeBpx = 0;
				  speedX = 0;
				  speedX2 = 1000;
				  timeout=800;
				  
				  setTimeout(function(){ $("#divProducts").slideToggle("slow"); }, 300);
				  setTimeout(function(){ $("#divRoot").slideToggle(2000); }, 4000);
				  
				  //back abilitato
				  $("#stepBack").css('opacity','1');
				  $("#stepBack").css('cursor','pointer');
				  //next disabilitato
				  $("#stepNext").css('opacity','0.4');
				  $("#stepNext").css('cursor','default');
				  
				}break;
			//top
			case 5: 
				{
				  bp = 70;
				  speed = 4000;
				  changeBpx = 0;
				  speedX = 800;
				  timeout=100;
				  logopos=380;
				  
				  //back disabilitato
				  $("#stepBack").css('opacity','0.4');
				  $("#stepBack").css('cursor','default');
				  //next abilitato
				  $("#stepNext").css('opacity','1');
				  $("#stepNext").css('cursor','pointer');
				  
				}break;
			case 6: 
				{
				  bp = -1500;
				}break;

		}
		set();
	/*$('#wave').animate( {"backgroundPosition": "0 " + bp + "px"},
	{
       duration: 1000, // how fast we are animating
       easing: 'easeInOutQuad', // the type of easing: easeInOutCubic easeInOutQuad easeInOutQuart easeInOutQuint easeInOutSine easeInOutExpo easeInOutCirc easeInOutElastic easeInOutBack easeInOutBounce
       complete: function() { // the callback
            //alert('done');
       }
	   }
	);*/
}

function azioneBack(i,from)
{
	switch (i)
		{
			//top
			case 1: 
				{  
				  bp = 180;
				  speed = 2000;
				  changeBpx = 0;
				  speedX = 800;
				  timeout=100;
				  logopos=380;
				  
				  //back disabilitato
				  $("#stepBack").css('opacity','0.4');
				  $("#stepBack").css('cursor','default');
				  //next abilitato
				  $("#stepNext").css('opacity','1');
				  $("#stepNext").css('cursor','pointer');
				 
				}break;
			//scelta tra casa e lavoro	
			case 2: 
				{				  
				  $("#divProductsPanelCover").fadeOut("fast");
				   $("#clues").fadeOut("fast");
				  bp = -650;
				  speed = 3000;
				  changeBpx = 0;
				  speedX = 0;
				  speedX2 = 1000;
				  timeout=800;
				  logopos=380;
				  
				  $("#divProducts").slideToggle();
				  setTimeout(function(){ $("#divChoice").slideToggle(); }, 2000);
				  setTimeout(function(){ $("#casa").fadeIn("slow"); }, 2000);
				  setTimeout(function(){ $("#lavoro").fadeIn("slow"); }, 2500);
				  setTimeout(function(){ $("#bar").fadeIn("slow");}, 3000);
				  
				  //next e back abilitati
				  $("#stepBack").css('opacity','1');
				  $("#stepBack").css('cursor','pointer');
				  $("#stepNext").css('opacity','1');
				  $("#stepNext").css('cursor','pointer');
				  
				
				}break;
			//prodotti
			case 3: 
				{
				  $("#divProductsPanelCover").fadeOut("fast");
				  switch (from)
				  	{
						case 1: { $("#divProducts").load("/include/casa.php"); } break;
						case 2: { $("#divProducts").load("/include/lavoro.php"); } break;
						case 3: { $("#divProducts").load("/include/bar.php"); } break;
					}
				  
				  bp = -1100;
				  speed = 3000;
				  changeBpx = 0;
				  speedX = 0;
				  speedX2 = 1000;
				  timeout=800;
				  logopos=380;
				  $("#divRoot").slideToggle(2000);
				  setTimeout(function(){ $("#divProducts").slideToggle(2000); }, 2000);
				   $("#clues").fadeOut("fast");
				  /*setTimeout(function(){ $("#btn").fadeIn(); }, 2500);*/
				  
				  //next e back abilitati
				  $("#stepBack").css('opacity','1');
				  $("#stepBack").css('cursor','pointer');
				  $("#stepNext").css('opacity','1');
				  $("#stepNext").css('cursor','pointer');
				  				  
				}break;
			//top
			case 5: 
				{
				  bp = 70;
				  speed = 4000;
				  changeBpx = 0;
				  speedX = 800;
				  timeout=100;
				  logopos=380;
				  $("#divChoice").slideToggle();
				  $("#freccia").delay(3500).fadeIn();
				  $("#clues").fadeOut("fast");
				  setTimeout(function(){ $("#divHome").slideToggle(); }, 2000);
				  
				  //back disabilitato
				  $("#stepBack").css('opacity','0.4');
				  $("#stepBack").css('cursor','default');
				  //next abilitato
				  $("#stepNext").css('opacity','1');
				  $("#stepNext").css('cursor','pointer');
				}break;

		}
		set();
}



var p = 0;
	
function panel(pack)
	{
		switch (pack)
			{
				case 1: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/granmoka.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/gm.php"); } break;
				case 2: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/granespresso.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/ge.php"); } break;
				case 3: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/puerto.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/pt.php"); } break;
				case 4: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/grangusto.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/gg.php"); } break;
				case 5: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/sublime.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/s.php"); } break;
				case 6: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/fugace.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/f.php"); } break;
				case 7: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/bluebar.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/bb.php"); } break;
				case 8: { $("#clues").fadeOut("fast"); document.getElementById('divProductsPanelCover').style.background = "url(images/pannelli/decaffeinato.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/gusti/d.php"); } break;	
			}

		setTimeout(function(){ $("#divProductsPanelCover").slideToggle(500); }, 200);
		p = 1;
	}

function panelCapsule(pack)
	{
		switch (pack)
			{
				case 1: { document.getElementById('divProductsPanelCover').style.background = "url(images/capsule/grangusto.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/capsule/gg.php"); } break;
				case 2: { document.getElementById('divProductsPanelCover').style.background = "url(images/capsule/granespresso.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/capsule/ge.php"); } break;
				case 3: { document.getElementById('divProductsPanelCover').style.background = "url(images/capsule/decaffeinato.jpg) no-repeat"; $("#divProductsPanelCover").load("/include/capsule/d.php"); } break;	
			}

		setTimeout(function(){ $("#divProductsPanelCover").slideToggle(500); }, 200);
		$("#clues").fadeOut("fast");
		p = 1;
	}


function changeCoffee(coffee)
	{
		$("#divProductsPanelCover").fadeOut("fast");
		$("#divProducts").slideToggle(1000);
		switch (coffee) 
			{
				case 1: { $("#clues").fadeOut("fast"); setTimeout(function(){ $("#divProducts").load("/include/casa.php"); document.getElementById('clues').style.background = "url(/images/clues/n3.png) no-repeat"; }, 1000); $("#clues").delay(3500).fadeIn("slow"); } break;
				case 2: { $("#clues").fadeOut("fast"); setTimeout(function(){ $("#divProducts").load("/include/lavoro.php");  document.getElementById('clues').style.background = "url(/images/clues/n3.png) no-repeat"; }, 1000); $("#clues").delay(3500).fadeIn("slow");} break;
				case 3: { $("#clues").fadeOut("fast"); setTimeout(function(){ $("#divProducts").load("/include/bar.php"); }, 1000); } break;
			}
		setTimeout(function(){ $("#divProducts").slideToggle(3000); }, 3000);
	}
		
function setSquare1()
	{
		$('#square1').fadeIn(); $('#square1').fadeOut(); $('#square1').fadeIn(); 
		$('#square1').fadeOut(); $('#square1').fadeIn(); $('#square1').fadeOut();
	}
function setSquare3()
	{
		$('#square3').fadeIn(); $('#square3').fadeOut(); $('#square3').fadeIn(); 
		$('#square3').fadeOut(); $('#square3').fadeIn(); $('#square3').fadeOut();
	}

var i = 1;

function changeText(x)
	{
		//alert ("text = " + x);
		switch (x)
			{
				//step 1
				/*case 1: 
					{ 
						$("#step").fadeOut();
						document.getElementById('step').innerHTML = "<span class=\"font15\">Segui le radici del gusto</span><br /><span class=\"step\">step 1/4</span>"; 
						$("#step").fadeIn();
						i++;
					} 
					break;*/
				//step 2
				case 2: 
					{ 
						$("#bgkMenu").fadeOut();
						$("#font15").fadeOut();
						document.getElementById('bgkMenu').style.background = "url(/images/step/2.png) no-repeat center top"; 
						document.getElementById('font15').innerHTML = "Scegli la forma del caff&eacute;."; 
						$("#bgkMenu").fadeIn();
						$("#font15").fadeIn();
						i++;
					} 
					break;
				//step scelta tra casa e lavoro
				case 3: 
					{ 
						//square lavoro
						$("#square2").fadeIn(); $("#square2").fadeOut(); $("#square2").fadeIn();
						$("#square2").fadeOut(); $("#square2").fadeIn(); $("#square2").fadeOut();
						//square casa
						setTimeout("setSquare1()",1000);
						//square bar
						setTimeout("setSquare3()",1200);
					} 
					break;
				//step 3
				case 4:
					{
						$("#bgkMenu").fadeOut();
						$("#font15").fadeOut();
						document.getElementById('bgkMenu').style.background = "url(/images/step/3.png) no-repeat center top"; 
						document.getElementById('font15').innerHTML = "Scopri i nostri prodotti."; 
						$("#bgkMenu").fadeIn();
						$("#font15").fadeIn();
						i++;
					}
					break;
				//step 4
				case 5: 
					{ 
						$("#bgkMenu").fadeOut();
						$("#font15").fadeOut();
						document.getElementById('bgkMenu').style.background = "url(/images/step/4.png) no-repeat center top"; 
						document.getElementById('font15').innerHTML = "Le radici del gusto."; 
						$("#bgkMenu").fadeIn();
						$("#font15").fadeIn();
						i++;
					}
					break;
			}
	}

function step()
	{
		//alert ("i = " + i);
		switch (i)
			{
				case 1: 
					{ 
				 		if (contact == 1) { $("#contatti").slideToggle(500); contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }
						if (news == 1) { $("#news").slideToggle(500); news = 0; document.getElementById('liNews').innerHTML = "News"; }
						
						azione(2); 
						setTimeout("changeText(2)",3000);
					} 
					break;
				case 2: 
					{ 
			            if (contact == 1) { $("#contatti").slideToggle(500); contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }
						if (news == 1) { $("#news").slideToggle(500); news = 0; document.getElementById('liNews').innerHTML = "News"; }
						

						if (p == 1)
							{
								azione(4);
								changeText(4); 
							}
						else
							{
								changeText(3);
							}
					} 
					break;
				case 3: 
					{ 
			            if (contact == 1) { $("#contatti").slideToggle(500);  contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }
						if (news == 1) { $("#news").slideToggle(500); news = 0; document.getElementById('liNews').innerHTML = "News"; }
						
						azione(4); 
						setTimeout("changeText(5)",3000);
					}
					break;
			}
	}

function stepBack()
	{
		//alert ("i = " + i);
		switch (i)
			{
				case 2:
					{
			            if (contact == 1) { $("#contatti").slideToggle(500);  contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }
						if (news == 1) { $("#news").slideToggle(500); news = 0; document.getElementById('liNews').innerHTML = "News"; }
						
						azioneBack(5); 
						setTimeout("changeTextBack(1)",3000);
						i--;
					}
				break;
				case 3:
					{
			            if (contact == 1) { $("#contatti").slideToggle(500);  contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }
						if (news == 1) { $("#news").slideToggle(500); news = 0; document.getElementById('liNews').innerHTML = "News"; }
						
						azioneBack(2);
						setTimeout("changeTextBack(2)",3000);
						i--;
					}
				break;
				case 4:
					{
			            if (contact == 1) { $("#contatti").slideToggle(500);  contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }
						if (news == 1) { $("#news").slideToggle(500); news = 0; document.getElementById('liNews').innerHTML = "News"; }
						
						azioneBack(3,1);
						setTimeout("changeTextBack(3)",3000);
						i--;
					}
				break;
				
			}
	}


function changeTextBack(x)
	{
		//alert ("text = " + x);
		switch (x)
			{
				//step 1
				case 1: 
					{ 
						$("#bgkMenu").fadeOut();
						$("#font15").fadeOut();
						document.getElementById('bgkMenu').style.background = "url(/images/step/1.png) no-repeat center top"; 
						document.getElementById('font15').innerHTML = "Segui le radici del gusto."; 
						$("#bgkMenu").fadeIn();
						$("#font15").fadeIn();
					} 
					break;
				//step 2
				case 2: 
					{ 
						$("#bgkMenu").fadeOut();
						$("#font15").fadeOut();
						document.getElementById('bgkMenu').style.background = "url(/images/step/2.png) no-repeat center top"; 
						document.getElementById('font15').innerHTML = "Scegli la forma del caff&eacute;."; 
						$("#bgkMenu").fadeIn();
						$("#font15").fadeIn();
					} 
					break;
				//step 3
				case 3: 
					{ 
						$("#bgkMenu").fadeOut();
						$("#font15").fadeOut();
						document.getElementById('bgkMenu').style.background = "url(/images/step/3.png) no-repeat center top"; 
						document.getElementById('font15').innerHTML = "Scopri i nostri prodotti."; 
						$("#bgkMenu").fadeIn();
						$("#font15").fadeIn();
					} 
					break;
			}
	}

function contatti()
{
	if (news == 1) { $("#news").slideToggle(500); news = 0; news = 0; document.getElementById('liNews').innerHTML = "News"; }
	
	$("#contatti").slideToggle("slow");
	$('body,html').animate({scrollTop : 0},'slow');
	if (contact == 0)
		{ contact = 1; document.getElementById('liContatti').innerHTML = "Chiudi Contatti"; }
	else
		{ contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }
	
}

function notizie()
{
	if (contact == 1) { $("#contatti").slideToggle(500); contact = 0; contact = 0; document.getElementById('liContatti').innerHTML = "Contatti"; }

	$("#news").slideToggle("slow");
	$('body,html').animate({scrollTop : 0},'slow');
	if (news == 0)
		{ news = 1; document.getElementById('liNews').innerHTML = "Chiudi News"; }
	else
		{ news = 0; document.getElementById('liNews').innerHTML = "News"; }
	
}


// SWF ADRESS
           /* var log = function(msg) {
                if (!$('.log').size()) {
                    $('<div class="log" />').appendTo('.page');
                }
                $('.log').append(msg.replace(/^([^:]*):(.*)$/, '<p><b>$1:</b> <span class="$1">$2</span></p>'))
                    .attr({scrollTop: $('.log').attr('scrollHeight')})
                    .find('p:nth-child(even)').addClass('even');
            };
            
            // Event handlers
            $.address.init(function(event) {
                log('init: "' + event.value + '"');
                $('a').address(function() {
                    return $(this).attr('href').replace(location.pathname, '');
                });
            }).change(function(event) {
                log('change: "' + event.value + '"');
				
            }).internalChange(function(event) {
                log('internalChange: "' + event.value + '"');
            }).bind('externalChange', {msg: 'The value of the event is "{value}".'}, function(event) {
                log('externalChange: ' + event.data.msg.replace(/\{value\}/, event.value));
            });*/