/**
 * Page Engine for : www.fiorerialarosarossa.it
 * Author : tosom s.r.l
 * version : 2.00.01
 *
 **/

/* PAGE CONF GLOBAL DATA*/
// Page Config
var PC = {
    debug  : true ,
	status : 'begin' ,
	query  : false  ,
	lang   : 'it' ,
	currPage : false ,
	menuLabels : {
		it : [ "Chi siamo" , "Eventi" , /*"Composizioni" ,*/	"Negozio Online" , "Informazioni" ] ,
		en : [ "Company" , "Events" , /*"Compositions" ,*/ "Online Shop" , "Informations"  ]
	},
	backgrounds : new Array(),
	backgroundsImages : false
}
// Setup Page Config datas
PC.backgrounds[ "presentazione" ] = new Image();
PC.backgrounds[ "presentazione" ].src = "./images/bg02.jpg" ;

PC.backgrounds[ "eventi" ] = new Image();
PC.backgrounds[ "eventi" ].src = "./images/bg03.jpg" ;

PC.backgrounds[ "negozio" ] = new Image();
PC.backgrounds[ "negozio" ].src = "./images/bg04.jpg" ;

PC.backgrounds[ "info" ] = new Image();
PC.backgrounds[ "info" ].src = "./images/bg06.jpg" ;

if( typeof additional != "undefined" && additional===true )
{
	PC.menuLabels.it[ PC.menuLabels.it.length ] = additionalCaptionIt ;
	PC.menuLabels.en[ PC.menuLabels.en.length ] = additionalCaptionEn ;

	PC.backgrounds[ "promo" ] = new Image();
	PC.backgrounds[ "promo" ].src = "./images/bg05.jpg" ;
}


//----------------------------------------------------------------- PAGE STARTUP
$(document).ready(function(){
    if(PC.debug){ trace("INIT"); }
	PC.status = 'startup' ;

	/*get lang*/
	PC.lang = getPageLangByUrl();
	setMenuLabels( PC.lang ) ;

	/* initialize page elements */
	showMenu();
	centerMenu();
	bindMenuEvents();
	centerLoader();
	placeContent();

	/* bind page events and functions */
	$(window).resize(function(){
		centerMenu();
		centerLoader();
		placeContent();
		placeFooter();
		resize_bg();
	})

	$(window).scroll(function(){
		placeFooter();
	});

	startPage();
	//trace(PC);
})

$(window).load(function(){
	placeFooter();
	bindFooterEvents();

    if( typeof initModal == "function" ){ initModal(); }

}) ;

var startTimer = null ;
function startPage()
{
    if(PC.debug){ trace("START PAGE"); }
	var allLoaded = true ;

	for( var i in PC.backgrounds )
	{
		allLoaded = allLoaded && PC.backgrounds[i].complete ;
	}

	if( !allLoaded )
	{
		startTimer = window.setTimeout( function(){ startPage() } , 500  ) ;
	}
	else
	{
		if(startTimer)
		{clearTimeout(startTimer);}

		bindMenuContentEvents();
		var contentToLoad = "presentazione" ;
		var tmp = getPageContentByUrl() ;
		if( tmp )
		{ contentToLoad = tmp ; }
		//trace(contentToLoad)

		loadPageContent(contentToLoad,PC.lang) ;
	}
}

//--------------------------------------------------------------- PAGE FUNCTIONS
function trace(m)
{
	if(window.console){window.console.log(m);}else{alert(m);}
}
function getPageLangByUrl()
{
    if(PC.debug){ trace("GET PAGE LANG GY URL"); }
	var loc = window.location.href; // Get the url
	var qs  = loc.split("?") ; // get the Query string
	var lang = PC.lang ;  // set the dafault lang val
	if( qs[1] ) // analize the query string if any
	{
		var pars = qs[1].split("&") ;
		var tmp  = null ;
		for( var i=0 ; i<pars.length ; i++ ) // run all qery string data
		{
			tmp = pars[i].split("=") ;
			if( tmp[0] && tmp[1] && tmp[0]=="lan")
			{
				switch(tmp[1]){ case "it" : case "en" : lang = tmp[1] ; break ; }
			}
		}
	}
	return lang ;
}
function getPageContentByUrl()
{
    if(PC.debug){ trace("GET PAGE CONTENT BY URL"); }
	var loc = window.location.href; // Get the url
	var qs  = loc.split("?") ; // get the Query string
	var p   = "" ;
	if( qs[1] ) // analize the query string if any
	{
		var pars = qs[1].split("&") ;
		var tmp  = null ;
		for( var i=0 ; i<pars.length ; i++ ) // run all qery string data
		{
			tmp = pars[i].split("=") ;
			if( tmp[0] && tmp[1] && tmp[0]=="p")
			{
				p = tmp[1]
			}
		}
	}
	return p ;
}
function resize_bg()
{
     $("#back01").css("left","0");
     var doc_width = $(window).width();
     var doc_height = $(window).height();
     var image_width = $("#back01").width();
     var image_height = $("#back01").height();
     var image_ratio = image_width/image_height;
     var new_width = doc_width;

     //trace("\n"+image_height+"===="+image_ratio+"\n")

     var new_height = Math.round(new_width/image_ratio);
     if(new_height<doc_height){
          new_height = doc_height;
          new_width = Math.round(new_height*image_ratio);
          var width_offset = Math.round((new_width-doc_width)/2);
          $("#back01").css("left","-"+width_offset+"px");
     }
     $("#back01").width(new_width);
     $("#back01").height(new_height);
}
function changeBackground()
{
	// 1 - change background
	var id = PC.currPage;
	var bgContainer = $("#fullbg") ;
	var bg = $("#back01") ;

	if(!bg.length) // first page execution
	{
		//inject background
		var tmp = document.createElement("img") ;
		tmp.setAttribute("id","back01");
		tmp.setAttribute("src",PC.backgrounds[id].src);
		tmp.setAttribute("style","visibility:hidden;");
		bgContainer.append(tmp) ;

		bg = $("#back01") ;
		resize_bg();

		bg.css({opacity:0,visibility:"visible"});
		bg.animate({opacity:1},400)

	}
	else // change existing background
	{
		bg.stop().animate({opacity:0},400,function(){
			$(this).attr("src",PC.backgrounds[id].src);

			$(this).animate({opacity:1},400)
		})
	}
}
function placeContent()
{
    if(PC.debug){ trace("PLACE CONTENT"); }
	var cc = $("#content_container") ;

	// CENTER :
	var pos     = new Array(0,0) ;
	var winSize = new Array(0,0) ;

	var contWidth   = 900 ;
	var scrollWidth = 0 ;
	var finalWidth  = contWidth + scrollWidth;

	winSize[0] = $(window).width()  ;
	winSize[1] = $(window).height() ;

	pos[0] = Math.round(  (winSize[0]/2)-(finalWidth/2)  );
	pos[1] = 125;

	var h = winSize[1]-195 ;
	//trace("CONT H"+h)

	if(h<300)
	{h=300;}

	cc.css({
		width:finalWidth,height:350,
		marginTop:pos[1],marginLeft:pos[0]
	});



	// If i'm in the Custom Page calculate custom page height
	if( PC.currPage=="promo" )
	{
		var cc = $("#content_data") ;
		var ct = $(".custom-text") ;
		var cp = $(".custom-bg") ;

		var h = ct.height()+20; // added padding handling see stylesheet !
		var w = 880 ;

		cp.css({
			width:w ,
			height:h
		})

	}

	/*var cp =
	$(".custom-bg").css({
		height:350,
	});*/
}

var sliderTimer = null ;
function startSlider(id,startAfter)
{
	//GET ALL THA IMAGES !!!
	var slider = $("#"+id) ;
	var loaded = true ;

	if( slider.length )
	{
		// GET IMAGES
		var images = slider.children("img");
		for( var i=0 ; i<images.length ; i++ )
		{
			loaded = loaded &&  images[i].complete ;
		}

		if( !loaded )
		{ sliderTimer = window.setTimeout(function(){startSlider(id)},200) }
		else
		{
			if( PC.currPage!="presentazione" )
			{ initSlider(slider) }
			else
			{
				window.setTimeout( function(){
					// HIDE TEXT THEN START SLIDER
					slider.css({opacity:1,display:"block"});
					slider.animate({opacity:1},500);
					$("#presentazione-text").animate(
						{opacity:0},
						1000,
						function(){
							$(this).css({display:"none"});
							initSlider(slider)
							//slider.animate({opacity:1},400,function(){initSlider(slider)}) ;
						});
					},
					7000
				) ;
			}

			/*if( typeof doStart == "undefined" || doStart === false )
			{
				if( pc.currPage!="presentazione" )
				{ sliderTimer = window.setTimeout(function(){startSlider(id,true)},200) ; }
				else
				{ sliderTimer = window.setTimeout(function(){startSlider(id,true)},200) ; }
			}
			else
			{
				if( sliderTimer )
				{ clearTimeout(sliderTimer); }

				trace(typeof startAfter )

			}*/
		}
	}
}

function initSlider(slider)
{
	slider.parent().css({opacity:1})
	slider.nivoSlider({
		width:900,
		height:540,
		effect:"fade",
		directionNav : false ,
		controlNav : false ,
		controlNavThumbs : false ,
		keyboardNav : false ,
		pauseOnHover : false
	});
}

function showFormOverlay(attrs)
{
	var fc = $("#panel_form") ;
	var size = new Array( fc.width() , fc.height() ) ;

	var overlay = '<div id="form-info-overlay" style="'+
		'position:absolute;top:0;left:0;'+
		'width:'+size[0]+'px;height:'+size[1]+'px;'+
		'background:url(\'./images/overlay.png\') repeat top left;'+
		'opacity:0.5;filter:alpha(opacity=50);'+
	'" '+( typeof attrs=="string" ? attrs : ""  )+'></div>';

	fc.append(overlay);

}
function hideFormOverlay()
{$("#form-info-overlay").remove();}


function togglePrivacy()
{
	var priv = $("#privacy") ;

	if( priv.css("display")=="block" )
	{
		priv.stop().animate({opacity:0},300,function(){ priv.css({display:"none"}); hideFormOverlay(); }) ;
	}
	else
	{
		priv.css({display:"block"});
		showFormOverlay(' onclick="togglePrivacy()" ');
		priv.stop().animate({opacity:1},300) ;
	}
}

//------------------------------------------------------------------------- MENU
function centerMenu()
{
	var mic = $("#menu table");
	var doc_width = $(window).width();
	var mic_width = mic.width();

	var mic_pos = Math.round( (doc_width/2)-(mic_width/2) ) ;
	/*trace(doc_width+"/2 => "+( doc_width/2 ));
	trace(mic_width+"/2 => "+( mic_width/2 ));
	trace(mic_pos);
	*/
	if(mic_pos<170)
	{mic_pos=170}
	mic.stop().animate({marginLeft:mic_pos}) ;
}
function showMenu()
{
	var menu = $("#menu") ;
	var mic  = $("#menu table #menu_items_cont") ;

	mic.css({display:"block"});
	mic.stop().animate({opacity:1})
}
function bindMenuEvents()
{
	$(".top_menu_elem .activator").mouseenter(function(){
		$(this).parent().children(".caption").stop().animate({top:0,color:"#ffffff"});
		$(this).parent().children(".image_hover").stop().animate({opacity:1},"slow");
	})
	$(".top_menu_elem .activator").mouseleave(function(){
		var currID = $(this).parent().attr("id");

		if( PC.currPage!=currID )
		{
			$(this).parent().children(".caption").stop().animate({top:100,color:"#FF0505"});
			$(this).parent().children(".image_hover").stop().animate({opacity:0,color:"#FFFFFF"},"slow");
		}
	})
}

function activateMenu(elem)
{
	elem.children(".caption").stop().animate({top:0,color:"#FFFFFF"});
	elem.children(".image_hover").stop().animate({opacity:1},"slow");
}
function deactivateMenu(elem)
{
	elem.children(".caption").stop().animate({top:100,color:"#FF0505"});
	elem.children(".image_hover").stop().animate({opacity:0},"slow");
}
function bindMenuContentEvents()
{
	$(".top_menu_elem .activator").click(function(){
        if(PC.debug){ trace("MENU CLICK"); }
        if( typeof modalShow=="function" ){modalShow();}
		loadPageContent( $(this).parent().attr("id") ,PC.lang) ;
	});
}
function setMenuLabels( lang,hideShow )
{
	var labels = PC.menuLabels.it
	if(lang == "en")
	{ labels = PC.menuLabels.en ; }

	if( hideShow )
	{
		$("#menu table").stop().animate(
			{ opacity:0},
			600,
			function(){
				$("#presentazione").children(".caption").html( labels[0] );
				$("#eventi").children(".caption").html( labels[1] );
			//	$("#composizioni").children(".caption").html( labels[2] );
				$("#negozio").children(".caption").html( labels[2] );
				$("#info").children(".caption").html( labels[3] );
				if( labels[4] )
				{ $("#promo").children(".caption").html( labels[4] );}

				$(this).animate({opacity:1},600)
			}
		);
	}
	else
	{
		$("#presentazione").children(".caption").html( labels[0] );
		$("#eventi").children(".caption").html( labels[1] );
	//	$("#composizioni").children(".caption").html( labels[2] );
		$("#negozio").children(".caption").html( labels[2] );
		$("#info").children(".caption").html( labels[3] );
		if( labels[4] )
		{ $("#promo").children(".caption").html( labels[4] );}

	}

	// HIGHLIGHT LANG!
	highlightLang(PC.lang)

}

function highlightLang(lang)
{
	$("#linkIT").removeClass("sel");
	$("#linkEN").removeClass("sel");

	if( lang=="it" )
	{ $("#linkIT").addClass("sel"); }
	if( lang=="en" )
	{ $("#linkEN").addClass("sel"); }
}

function toggleLang( lang )
{
	if( PC.lang != lang)
	{
		//loadPageContent(PC.currPage,lang)
		window.location.href='./home.html?lan='+lang+"&p="+PC.currPage
	}
}

//----------------------------------------------------------------------- LOADER
function centerLoader()
{
	var doc_width = $(window).width();
     var doc_height = $(window).height();

	var posx = (doc_width/2 ) - 16 ;
	var posy = (doc_height/2 ) - 16 ;

	$("#bgloader").css("width" , doc_width) ;
	$("#bgloader").css("height" , doc_height) ;
}

//----------------------------------------------------------------------- FOOTER
function bindFooterEvents()
{
	$("#footer_activator").mouseenter( function(){ $("#footer").stop().animate( {marginTop:2} ) } );
	$("#footer_activator").mouseleave( function(){ $("#footer").stop().animate( {marginTop:45} )} );
}
function placeFooter()
{
	var doc_height = $(window).height();
	var doc_width  = $(window).width();
	var win_offset = $(window).scrollTop();

	$("#footer_activator").css({
		top:(doc_height+win_offset)-63,
		left:0,
		height:63
	});

}

//----------------------------------------------------------- BEGIN PAGE CONTENT
function loadPageContent(id,lang)
{
	if( PC.currPage==id && PC.lang==lang )
	{ return ; } // Do nothing if i select the current page same language!

	// do tha ajax ... and handle tha result !!!!
	if( PC.query )
	{ PC.query.abort();PC.query=false; }

	$("#back01").stop().animate({opacity:0},400)
	var queryId = id ;
	if(id=="promo")
	{
		if( lang=="it" )
		{ queryId="textIt"; }
		else
		{ queryId="textEn"; }
	}

	currQuery = jQuery.ajax({
		type: "GET",
		cache:false ,
		dataType : "text" ,
		url: "./content_loader.html?id="+queryId+"&lang="+lang,
		success:function(response, textStatus, jqXHR){
			//contentData=data;loadContentComplete(data, textStatus, jqXHR,currId)

			// 1- activate menu
			if(id!=PC.currPage)
			{
				activateMenu($("#"+id))
				if(PC.currPage)
				{ deactivateMenu($("#"+PC.currPage)) ; }
			}

			// UPDATE PAGE CONF
			PC.currPage = id ;
			setMenuLabels(lang,PC.lang!=lang) ;
			PC.lang     = lang ;
			highlightLang(lang);

			// 2- show content
			showContent(response,true)

		} ,
		error:function(jqXHR,textStatus, error){
			//loadContentError(jqXHR,textStatus, error);
			$("#back01").stop().animate({opacity:1},400)
		}
	});
}

function showContent(html,changebg)
{
	$("#content_container").stop().animate({opacity:0},400,function(){

			$("#content_container #content_data").html(html);
			// Bind events
			$(".cbox").colorbox({
				iframe:true,
				innerWidth:820,
				innerHeight:$(window).height()-100,
				overlayClose:false,
				fixed:true ,
				onCleanup : function(){
					var messageIt = "ATTENZIONE: chiusura del pannello dello shop online.\n"+
					"I dati inseriti verranno persi.\n\n"+
					"Procedere comunque ?";

					var messageEn = "WARNING: online shop panel is closing.\n"+
					"If you proceed all data inserted will be lost.\n\n"+
					"Proceeed anyway ?";

					var message = PC.lang=="it"?messageIt:messageEn ;

					return confirm(message) ;
				}
			});

			if( typeof changebg != "undefined" && changebg==true )
			{ changeBackground(); }
			$("#content_container").css({display:"block"});
			$("#content_container").animate({opacity:1},400,function(){placeContent();})
			//placeContent();
	});
}