var _OpeningPage =function() {

	this.img=null;
	this.btnStart=null;
	this.ddlLanguage=null;


	this.init=function()
	{	
		document.body.style.backgroundColor="black";
		divOpening=document.createElement("div");
		divOpening.style.width="100%";
		divOpening.style.height="100%";
		divOpening.style.position="absolute";
		divOpening.align="center";
		divOpening.style.backgroundImage="url("+Common.getUrl("smartphones/sites/" + Common.getSiteID() + "/openingBg.jpg")+")";
		divOpening.style.backgroundSize="100% 100%";
		
		this.img=document.createElement("img");		
		this.img.style.maxWidth="100%";

		this.img.style.position="absolute";
		this.img.src=Common.getUrl("smartphones/sites/"+Common.getSiteID()+"/opening.jpg");
		divOpening.appendChild(this.img);				

		if (T_MenuLanguages.getNumOfLanguages()>1)
		{
			this.ddlLanguage =document.createElement("select");
			this.ddlLanguage.className="ddlLanguage";
			for(var i=1;i<=T_MenuLanguages.getNumOfLanguages();i++)
			{

				var option =document.createElement("option");
				option.textContent=T_MenuLanguages.getLanguageNameByID(i);
				option.setAttribute("value",i);
				this.ddlLanguage.appendChild(option);
			}						
			this.ddlLanguage.style.position="absolute";
			divOpening.appendChild(this.ddlLanguage);



		};	


		this.btnStart = document.createElement("button");
		this.btnStart.className="btnStart";
		this.btnStart.textContent="Start";
		this.btnStart.style.position="absolute";
		this.btnStart.onclick=function(e)
		{
			if (GUI.isDoubleFired())
				return;
			
			if (OpeningPage.ddlLanguage != null)                			    
    			T_MenuLanguages.currentLanguageID=(OpeningPage.ddlLanguage.selectedIndex+1);			
			else
    			T_MenuLanguages.currentLanguageID=1;
			
			UITexts.init();
			GUI.divMain.removeChild(divOpening);
			GUI.createMenu();
		};
		divOpening.appendChild(this.btnStart);



		this.img.onload=function(e){				
			OpeningPage.handleResize();		
		};



		GUI.divMain.appendChild(divOpening);
		return true;
	};

	this.handleResize =function()
	{
		try
		{
			var topMargin=0;
			if (window.innerWidth<window.innerHeight)//portrait
			{
				this.img.style.maxHeight="100%";
				topMargin=(window.innerHeight-this.img.clientHeight)/2;
			}
			else
			{
				this.img.style.maxHeight="";
				topMargin=0;//landscape
			}		
			
				
			this.img.style.left=((window.innerWidth-this.img.clientWidth)/2+"px");
			
			this.img.style.top=(topMargin+"px");

			
			if (this.ddlLanguage!=null)
			{
				this.ddlLanguage.style.top=(topMargin+this.img.clientHeight*0.7)+"px";
				this.ddlLanguage.style.left=((window.innerWidth-this.ddlLanguage.clientWidth)/2+"px");
			}

			this.btnStart.style.top=(topMargin+this.img.clientHeight*0.8)+"px";
			this.btnStart.style.left=((window.innerWidth-this.btnStart.clientWidth)/2+"px");
			
			//var fScale = this.img.height/this.img.naturalHeight;
			//this.btnStart.style.transfrom="scale("+fScale+")";
			//this.btnStart.style.WebkitTransfrom="scale("+fScale+","+fScale+")";
		}
		catch(e)
		{
			console.log("error in opening page resize" +e);
		}	
	};
};

var OpeningPage=new _OpeningPage();