var htmlObjs = new Object();

function InitializeLayout()
{
	// get objects
	htmlObjs.top	= Get('top');
	htmlObjs.center	= Get('center');
	htmlObjs.bottom	= Get('bottom');
	htmlObjs.flash	= Get('flash');
	htmlObjs.subMenus = Get('submenus');
	htmlObjs.products = Get('products');
	htmlObjs.ph_image = Get('ph_image');
	htmlObjs.side_image = Get('side_image');
	htmlObjs.dida = Get('dida');
	htmlObjs.icons = Get('icons');
	htmlObjs.top_icons = GetTopIcons();
	htmlObjs.other_menu = Get('other_menu');
	htmlObjs.popup_container = Get('popup_container');
	htmlObjs.popup_dida = Get('popup_dida');
	htmlObjs.popup_image = Get('popup_image');

	// fix layout
	RepositionElements();
	// set onResize action
	window.onresize = RepositionElements;	

	for(var i= 0; i < htmlObjs.subMenus.childNodes.length; i++)
	{
		if(htmlObjs.subMenus.childNodes[i].nodeName.toUpperCase() == '#TEXT')
			htmlObjs.subMenus.removeChild(htmlObjs.subMenus.childNodes[i]);
	}
	
	// fix product icons position (for Explorer)
	/*
	var icons = document.getElementsByTagName("IMG");
	for(var i = 0; i < icons.length; i++)
		if(icons[i].parentNode.className == 'icon')
			icons[i].onload = function()
			{
				this.style.marginTop = (60 - this.height).toString() + 'px';
			};
	*/
};

function GetTopIcons()
{
	var divs = document.getElementsByTagName('DIV');
	for(var i = 0; i < divs.length; i++)
		if(divs[i].id.indexOf('top_icons') != -1) return divs[i];
	return null;
};

function RepositionElements()
{
	//
	var height = document.documentElement.clientHeight;
	var width = document.documentElement.clientWidth;
	htmlObjs.center.style.height = (height - parseInt(htmlObjs.top.style.height) - parseInt(htmlObjs.bottom.style.height)) + 'px';
	htmlObjs.center.style.width = width + 'px';
	htmlObjs.bottom.style.marginTop = (height - parseInt(htmlObjs.bottom.style.height)) + 'px';
	
	// home page flash
	if(htmlObjs.flash != null)
	{
		var offset = 84;
		htmlObjs.flash.style.height = (offset + height - parseInt(htmlObjs.top.style.height) - parseInt(htmlObjs.bottom.style.height)) + 'px';
		htmlObjs.flash.style.width = width + 'px';
		htmlObjs.flash.style.marginTop = (-offset).toString() + 'px';		
	}

	// ph_image
	if(htmlObjs.products != null)
	{
		htmlObjs.ph_image.style.top = parseInt(htmlObjs.top.style.height) + 'px';
		htmlObjs.ph_image.style.height = (parseInt(htmlObjs.center.style.height) - 5) + 'px';
		htmlObjs.ph_image.style.width = (width - parseInt(htmlObjs.products.style.width) - 50) + 'px';
		if(htmlObjs.side_image.src != '' && htmlObjs.side_image.src != 'imgs/pix.gif')
		{
			//var factor = Math.min()
			//alert('I Should resize the image...');
		}
	}
};

function ShowSubMenu(sender, IDmenu, menuitem, iconInRed, canHide)
{
	if(typeof(sender) == 'string')
		sender = Get(sender);
		
	// fix canHide
	if(canHide == null)
		canHide = true;
	
	// if from main menu hilight sender
	if(sender != null && sender.parentNode.parentNode.id == 'main_menu')
	{
		// lowlight all the others
		var elmts = sender.parentNode.parentNode.getElementsByTagName('A');
		for(var i = 0; i < elmts.length; i++)
			elmts[i].className = '';
		//
		sender.className = 'selected';
	}

	//show proper submenu, hide all the others
	for(var i= 0; i < htmlObjs.subMenus.childNodes.length; i++)
	{
		if(htmlObjs.subMenus.childNodes[i].nodeName.toUpperCase() == 'UL')
		htmlObjs.subMenus.childNodes[i].style.display = (htmlObjs.subMenus.childNodes[i].id == IDmenu)?'':'none';
	}
	
	// hide content whan changing top menu
	if(canHide == true && IDmenu != null && IDmenu != '')
	{
		htmlObjs.center.style.display = 'none';
		htmlObjs.ph_image.style.display = 'none';
		// hide flash if homepage
		if(htmlObjs.flash != null)
			htmlObjs.flash.style.display = 'none';
		// hide icons
		if(htmlObjs.other_menu != null)
		{
			while(htmlObjs.other_menu.hasChildNodes())
				htmlObjs.other_menu.removeChild(htmlObjs.other_menu.firstChild);
		}
	}
	
	// hilight menu item
	if(menuitem != null)
	{
		var obj = Get('menuitem_' + menuitem.toString());
		if(obj != null)
			obj.className = 'selected';
	}
	
	// icon In Red
	if(iconInRed != null)
		ManageProductIcons(iconInRed);
}

function ManageProductIcons(num)
{
	// make appear icons set
	htmlObjs.top_icons.style.display = '';
	//
	switch(num)
	{
		case 39: num = 0;break;
		case 40: num = 1;break;
		case 41: num = 2;break;
		//case 42: num = 3;break;
		// vip products
		case 473: num = 0;break;
		case 474: num = 1;break;
		case 475: num = 2;break;
		//case 42: num = 3;break;
	}

	// set all black
	if(htmlObjs.icons != null)
	{
		var imgs = htmlObjs.icons.getElementsByTagName('IMG');
		for(var i = 0; i < imgs.length; i++)
		{
			imgs[i].src = imgs[i].src.split('_red.gif').join('.gif');
			if(i == num)
				imgs[i].src = imgs[i].src.split('.gif').join('_red.gif');
		}
	}
}