$(document).ready(function() {
	$(".fa-bars").click(function(){
		handleMobileMenuClick()
		
		//$("#mobilemenu").on("click",function(){  });
		//$(".fa-phone-square").toggle();
		//$(".fa-envelope-square").toggle();
		//$("#logoitself").toggleClass("logoitself");
	})
	
	prepareLangsOverlay();
	checkSize();
	$(window).resize(checkSize);
	$(window).scroll(function (event) {
		$("#mobilemenu").hide();
		$("#logoitself").addClass("logoitself");
	});
	$("#privacy").click(function(){
		$.featherlight('<div class = "feathertext">privacy qui, decidiamo che mettere</div>', {
			ajax: 'privacy.html'
		});
	});
	$(".specialoffersmenu").click(function(){
		$.featherlight('<div class = "feathertext">nessuna offerta speciale in questo momento</div>', {});
	})
});


function prepareLangsOverlay()
{
	var ol = document.createElement("div") ;
	ol.setAttribute("id","langs-ol") ;
	
	var olbox = document.createElement("div") ;
	olbox.setAttribute("id","langs-olbox") ;
	ol.appendChild(olbox)
	
	var html  = "" ;
	var tmp   = "" ;
	var lbl   = "" ; 
	
	document.body.appendChild(ol) ;
	// Set opacity to 0 for the jQuery animations
	$("#langs-ol").css({opacity:"0"}) ;
	
	// ANALYZE LANGS AND PREPARE HTML FOR THE MODAL BOX
	var a = $("#langs ul li a") ;
	
	for( var i=0 ; i<a.length ; i++ )
	{
		tmp = '<li>'
		+'<a '
			+'rel="alternate" '
			+'href="'+$(a[i]).attr("href")+'" '
			+'hreflang="'+$(a[i]).attr("hreflang")+'" '
			+'lang="'+$(a[i]).attr("lang")+'" '
			+'class="'+$(a[i]).attr("class")+'" '
		+'>'
			+'<span class="label">'+( $(a[i]).children(".label").html() )+'</span>'
		+'</a>'
		+'</li>' ;
		
		if( $(a[i]).hasClass("sel") ){ html = tmp+html ; } // PREPEND SELECTED LANG
		else	{ html+= tmp ;	}// APPEND ALL OTHER LANGS
	}
	html = '<ul>'+html+'</ul>' ;
	
	// Inject the html 
	$("#langs-olbox").html(html) ;
	
	// BIND close trigger
	$("#langs-ol").on("click",function(e){closeLangSel(e)});
}


function openLangSel(lang)
{
	var lw = $("#langs").css("width") ;
	
	// If wide screen handle 3 flags and direct link to lang
	lw = lw.replace(/[^0-9]/gi,"") ;
	lw = parseInt(lw) ;
	if( lw>100 ){ return true; }
	
	console.log("OPEN MODAL")
	
	$("#langs-ol").stop();
	$("#langs-ol").css({display:"block"});
	$("#langs-ol").animate({opacity:1},400,function(){ openLangBox() });
	
	return false ;
}

function closeLangSel(e)
{
	if( $(e.target).attr("id")!="langs-ol" ) 
	{ return ; }
	
	closeLangBox();
	
	$("#langs-ol").stop();
	$("#langs-ol").animate({opacity:0},400,function(){ $("#langs-ol").css({display:"none"}) });
	
}
function openLangBox()
{
	$("#langs-olbox").slideDown(300);
}
function closeLangBox()
{
	$("#langs-olbox").slideUp(300);
}


function checkSize(){
	if($("#menucontainer").is(":visible")){
		$("#mobilemenu").hide();	
	}
	var activeclass = $("#sentinel").css("width");
}


/** A better mobile menu handling, with some css3 animations, 
 * logo change, for better menu visibility
 */
function handleMobileMenuClick()
{
	var elem  = $("#mobilemenu") ;
	var mbox  = $("#mobile-box") ;
	var mitms = $("#mobile-box .mobileitem")
	var mitm  = $(mitms[0]) ;
	var mitmh = 30 ;
	var h     = 0 // (mitm.length*42);
	var sizes = { mt:0,mb:0 , pt:0,pb:0 , bt:0,bb:0 }
	
	sizes.mt = parseInt( mitm.css("marginTop").replace(/px/ig,"") ) ;
	sizes.mb = parseInt( mitm.css("marginBottom").replace(/px/ig,"") ) ;
	
	sizes.pt = parseInt( mitm.css("paddingTop").replace(/px/ig,"") ) ;
	sizes.pb = parseInt( mitm.css("paddingBottom").replace(/px/ig,"") ) ;
	
	sizes.bt = parseInt( mitm.css("borderTopWidth").replace(/px/ig,"") ) ;
	sizes.bb = parseInt( mitm.css("borderBottomWidth").replace(/px/ig,"") ) ;
	
	//console.log(sizes)
	//console.log("MITM HEIGHT: "+mitmh )
	//console.log("MITMS TOT: "+mitms.length)
	h = ( mitmh + sizes.mt+sizes.mb + sizes.pt+sizes.pb + sizes.bt+sizes.bb ) * mitms.length ;
	//h-=35 ; // fix height 
	// console.log("FINAL H => "+h)
	
	// Restore display block as media queries may have modified this attr
	
	// FIX resizing
	if( elem.hasClass("active") && elem.css("display")=="none" )
	{ 
		elem.css({height:0});
		elem.css({display:"block"});
		elem.removeClass("active");
		
		window.setTimeout( function(){ handleMobileMenuClick() } , 150 );return; 
	}
	
	elem.css({display:"block"});
	if( elem.hasClass("active") )
	{
		elem.removeClass("active");
		elem.css({height:0})
	}
	else
	{
		console.log("MAKE ACTIVE")
		elem.css({height:h})
		elem.addClass("active");
		
		//$("#logo").hide();
	}
	
	
}