var clickFlag = false;
var allToolButtons = false;
var currentMenu = '';
var currentMenuItem = '';
var onvisible = false;
var currentHelp = '';
var currentHelpParent = '';
var IsIE = false;
var IsOpera = false;
var state = false;

/*Detect that browser open document*/
	if(window.navigator.appName == "Microsoft Internet Explorer")
		/*Browser is Internet Explorer*/
		IsIE = true;
		
	else 
	{
		/*Browser is Mozila, Opera, etc.*/		
		IsIE = false; 
		if(window.navigator.appName== "Opera"){
			/*Browser is Opera*/
			IsOpera = true; 
		}else {
			/*Browser is not Opera*/
			IsOpera = false;
		}
	}

function showMenu(id,parent){
	if(parent != currentMenu && currentMenu != '' && id != currentMenuItem && currentMenuItem != '') return;
	var Id = document.getElementById(parent);
	var mId = document.getElementById(id);
	var hId = document.getElementById(currentHelp);
	
	if(Id && mId){
		if(!clickFlag && !allToolButtons){
			Id.className = 'menu';
			clickFlag = true;
			allToolButtons = true;
			currentMenu = parent;
			currentMenuItem = id;
			onvisible = true;
			toolbarCanScroll = false;
		}else{
			mId.style.display = 'none';
			if(hId){hId.style.display = 'none';currentHelpParent = '';currentHelp = '';helpShowFlag = false;}
			onvisible = false;
			Id.className = parent == 'shedule'? 'button':'divider';
			clickFlag = false;
			allToolButtons = false;
			currentMenu = '';
			currentMenuItem = '';
			toolbarCanScroll = true;
			reposToolbar();			
		}
	}

}

function change(){
var gray = document.getElementById('gray');
var bl = document.getElementById('black');
var map = document.getElementById('map');
var rrow = document.getElementById('row_red');
var grow = document.getElementById('row_gray');
var link = document.getElementById('sh');
if (state){/*Close*/
	link.innerHTML = 'Show Map';
	state = false;
	if (IsIE){
		map.style.display = 'none';
		grow.style.display = 'none';
		bl.style.display = 'none';
		rrow.style.display = 'block';
		gray.style.display = 'block';
	}
		else{
			map.style.display = 'none';
			grow.style.display = 'none';
			bl.style.display = 'none';
			rrow.style.display = 'table-row';
			gray.style.display = 'table-cell';
		}
}
	else {/*Open*/
	link.innerHTML = 'Hide Map';
	state = true;
	if (IsIE){
		grow.style.display = 'block';
		map.style.display = 'block';
		bl.style.display = 'block';
		rrow.style.display = 'none';
		gray.style.display = 'none';
	}
		else{
			grow.style.display = 'table-row';
			map.style.display = 'table';
			bl.style.display = 'table-cell';
			rrow.style.display = 'none';
			gray.style.display = 'none';
		}
	}
}


function getTop(e){
   var t = e;
   var y = t.offsetTop;
   while (t.offsetParent != null) {
      t = t.offsetParent;
      y += t.offsetTop;
   }
   return y;
}

//Get Left coordinates docoment element 'e'
function getLeft(e){
   var t = e;
   var x = t.offsetLeft;
   while (t.offsetParent != null) {
      t = t.offsetParent;
      x += t.offsetLeft;
   }
   return x;
}

function onvisisbleMenu(id,parent){
	if(!onvisible)return;
	var Id = document.getElementById(id);
	var pId = document.getElementById(parent);
	Id.style.display = 'none';
	onvisible = false;
	Id.className = id == 'shedule'? 'button':'divider';
	clickFlag = false;
	allToolButtons = false;
	currentMenu = '';
	currentMenuItem = '';
	return;		
}

function menu(id,parent){
	if(parent != currentMenu && currentMenu != '' && id != currentMenuItem && currentMenuItem != '')return;
	if(!onvisible) return;
	var Id = document.getElementById(id);
	var pId = document.getElementById(parent);
	var top,left;
	if(Id && pId){		
		top = parseInt(getTop(pId)+parseInt(pId.style.height));
		left = parseInt(getLeft(pId));
		Id.style.left = left;
		Id.style.top = top;
		maxWidth = parseInt(Id.style.width);
		maxHeight = parseInt(Id.style.height);
		if(IsIE){
			Id.style.display="inline";
		}else{
			if(IsOpera){
				Id.style.display="table";
			}else{
				Id.style.display="inherit";
			}
		}
	}
	return;
}

/*function show help*/

var helpShowFlag = false;
function helpUnvisible(){
	if(currentHelp != '' && currentHelpParent != ''){
		helpShow(currentHelp,currentHelpParent);
	}
	return;
}

function helpShow(id,parent){
	var Id = document.getElementById(id);
	var pId = document.getElementById(parent);
	var top,left,width,height;
	if(Id && pId){
		top = getTop(pId);
		left = getLeft(pId);
		height = parseInt(Id.style.height);
		width = parseInt(Id.style.width);
		if(!helpShowFlag){
			if(IsIE){
				Id.style.display="inline";
			}else{
				if(IsOpera){
					Id.style.display="table";
				}else{
					Id.style.display="inherit";
				}
			}
			Id.style.top = top - height;
			Id.style.left = left + 50 - width;
			helpShowFlag = true;
			currentHelp = id;
			currentHelpParent = parent;
					
		}else{
			Id.style.display = "none";
			helpShowFlag = false;
			currentHelp = '';
			currentHelpParent = '';
		}
		Id=document.getElementById('test');
		Id.innerHTML = top+"---"+left+"---"+height+"---"+width;
	}
	return;
}