/**
 * Lang selection function set
 * 
 * 
 */

// LAUNCHER!!!
function pageLangsSetup()
{	
	prepareLangs()
	prepareLangsOverlay();
}


function prepareLangs()
{
	// ANALYZE LANGS AND PREPARE THEM FOR THE MODAL OPENUP
	var a = $("#langs ul li a") ;
	
	for( var i=0 ; i<a.length ; i++ )
	{
		$(a[i]).click(function(){
			return openLangSel();
		});
	}
	
}


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()
{
	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);
}