/// <reference path="../includeReference.js" />

var _GUI = function()
{    
	this.divMain;

	this.createMenu = function()

	{
		Common.log("createMenu - starting");
		try
		{
			Toolbar.init();

			MainScrollView.init();

			var divMainPage = document.createElement("div");			
			divMainPage.align="center";
			divHeader=document.createElement("div");
			divHeader.textContent=UITexts.getText("Choose Category:");
			divHeader.className="divSelectCategoryHeader";
			if (T_MenuLanguages.isLangRTL())
					divHeader.dir="rtl";



			divMainPage.appendChild(divHeader);

			var divCategories = CategoryListView.createCategoryListDiv();
			divCategories.style.borderRadius="15px";
			//divCategories.style.overflow="hidden";
			divCategories.style.width="90%";
			divCategories.style.backgroundColor="white";//important for fade of sub categories
			divMainPage.appendChild(divCategories);

			divMainPage.style.paddingBottom="10px";


			MainScrollView.addView(divMainPage);
		}
		catch(e)
		{
			Common.log("error in createMenu: "+e);
		}
	};


//	this.createOpeningPage=function()
//	{
//	document.body.style.backgroundColor="black";
//	divOpening=document.createElement("div");
//	divOpening.style.width="100%";
//	divOpening.style.height="100%";
//	divOpening.align="center";

//	var img=document.createElement("img");
//	if (window.innerWidth<window.innerHeight)//portrait
//	img.style.maxHeight="100%";
//	img.style.maxWidth="100%";

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

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

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


//	};	


//	var btnStart = document.createElement("button");
//	btnStart.textContent="Start";
//	btnStart.style.position="absolute";
//	btnStart.onclick=function(e)
//	{
//	T_MenuLanguages.currentLanguageID=(select.selectedIndex+1);
//	document.body.removeChild(divOpening);
//	GUI.createMenu();
//	}
//	divOpening.appendChild(btnStart);
//	img.btnStart=btnStart;


//	img.onload=function(e){				
//	var img=e.target;
//	img.style.left=((window.innerWidth-img.clientWidth)/2+"px");
//	if (window.innerWidth<window.innerHeight)//portrait
//	img.style.top=((window.innerHeight-img.clientHeight)/2+"px");

//	alert(document.body.scrollHeight);

//	img.select.style.top=(img.clientTop+img.clientHeight*0.8)+"px";
//	img.select.style.left=((window.innerWidth-img.select.clientWidth)/2+"px");

//	img.btnStart.style.top=(img.clientTop+img.clientHeight*0.9)+"px";
//	img.btnStart.style.left=((window.innerWidth-img.btnStart.clientWidth)/2+"px");
//	};



//	document.body.appendChild(divOpening);
//	return true;

//	};

	this.init = function()
	{
		Common.log("Gui Init -starting ");
		try
		{
			this.divMain = document.getElementById("divMain");
			document.body.style.backgroundImage="url("+Common.getUrl("smartphones/sites/" + Common.getSiteID() + "/innerPageBg.jpg")+")";


			setDefaultFontSize();

			CachedImages.init();
			
			if (!OpeningPage.init())
				this.createMenu();
		}
		catch(e)
		{
			Common.log("error in Gui Init: " +e);
		}	
	};

	this.setTransition=function (obj,sTransition)
	{
		obj.style.transition=sTransition;
		obj.style.WebkitTransition=sTransition;		
		obj.style.mozTransition=sTransition;
		obj.style.OTransition=sTransition;
		obj.style.msTransition=sTransition;
	};

	this.removeElementRecursive=function(elem)
	{
		alert(elem.firstChild);
		while (elem.firstChild)
			this.removeElementRecursive(elem.firstChild);
		elem.parentNode.removeChild(elem);
	};

	this.lastClickTime=null;
	this.isDoubleFired =function()//return true if 2 clicks are too close
	{
		var bRet = false;
		if (this.lastClickTime!=null)
		{
			if ((new Date()).getTime() - this.lastClickTime<500)			
				bRet = true;
			else
				this.lastClickTime=(new Date()).getTime();
		}
		else
			this.lastClickTime=(new Date()).getTime();
		
		return bRet;
	};
	
	
	this.createMultiSrcImg=function(arrSrc)
	{
		var img = document.createElement("img");
		var currentSrc=arrSrc[0];
		img.arrSrc=arrSrc.slice(1);
		img.onerror=function(e)
		{
			var img = e.target;
			if (img.arrSrc!=null && img.arrSrc!=undefined && img.arrSrc.length>0)
				{
				var currentSrc=img.arrSrc[0];
				img.arrSrc=img.arrSrc.slice(1);
				img.src=currentSrc;
				}
			else
				img.onerror=null;
		};
		img.src=currentSrc;
		return img;		
	};
	
//	this.setTransitionEndListeneer  = function(obj,func)
//	{
//	obj.addEventListener( 'mozTransitionEnd', func,false);
//	obj.addEventListener( 'webkitTransitionEnd', func,false);
//	obj.addEventListener( 'transitionEnd', func,false);		
//	obj.addEventListener( 'oTransitionEnd', func,false);
//	obj.addEventListener( 'msTransitionEnd', func,false);
//	};

//	this.clearTransitionEndListeneer  = function(obj,func)
//	{
//	obj.removeEventListener( 'webkitTransitionEnd', func,false);
//	obj.removeEventListener( 'transitionEnd', func,false);
//	obj.removeEventListener( 'mozTransitionEnd', func,false);
//	obj.removeEventListener( 'oTransitionEnd', func,false);
//	obj.removeEventListener( 'msTransitionEnd', func,false);
//	};

	
	
};

var GUI= new _GUI();