function GetId(id)
{
	return document.getElementById(id);
}
var httpURL=window.location.href.toLowerCase();//toUpperCase();
var menu=Array("company","products","science","shop","partners","sd");
var menuStyle=Array("menu_2_over","menu_3_over","menu_4_over","menu_5_over","menu_6_over","menu_7_over");
for (var i=0;i<menu.length;i++)
{
	if(httpURL.indexOf(menu[i])!=-1)
	{
		GetId(menu[i]).className=menuStyle[i];
	}
}
var dom=document.documentElement ? document.documentElement : document.body;
var MyMar;
var h=dom.scrollHeight+"px"; 
//var l=dom.clientWidth/2-210+"px";

document.write('<div style="position: absolute; width:100%; z-index: 1; left:0px;right:0px;top:0px; display: none; height:'+h+'; background-color: #000000; layer-background-color: #FFFFFF; filter:alpha(opacity=40); moz-opacity:.4; opacity:0.4; " id="backdrop"></div>');

var html;
html='<div id="login" style="behavior:url(div.htc);position:absolute; z-index: 3; left:0px;top:0px; display: none; background-image: url(images/login_bg.gif); width: 400px; height: 130px;">'
html+='  <div style="width: auto; height: 20px; text-align:right; padding: 2px 2px;"><img src="images/close.gif" width="16" height="16" onclick="closeLogin();" class="hand" /></div>';
html+='  <table border="0" cellpadding="0" cellspacing="0" align="center" class="tablelogin">';
html+='  <tr>';
html+='      <td width="170">User Name<br /><input name="username" type="text" class="inputText" size="25" /></td>';
html+='      <td width="20">&nbsp;</td>';
html+='      <td width="170">Password<br /><input name="Password" type="password" class="inputText" size="25" /></td>';
html+='    </tr>';
html+='    <tr>';
html+='      <td height="30"><a href="#">Lost your user name?</a></td>';
html+='      <td>&nbsp;</td>';
html+='      <td><a href="#">Forgotten your password?</a></td>';
html+='    </tr>';
html+='    <tr>';
html+='      <td height="30"><!--<font color="#1E71B8"><a href="Registration.html#products">Create new account</a></font>//--></td>';
html+='      <td>&nbsp;</td>';
html+='      <td align="right"><input type="submit" name="loginbt" value="Login" class="button_2" /></td>';
html+='    </tr>';
html+='  </table>';
html+='</div>';
html+='<div id="inner" style="position: absolute; z-index: 3; left:0px;top:0px; display: none; background-color: #FFFFFF; width: 400px; height: 130px;">'
html+='</div>';

document.write(html);


function login()
{
	GetId("backdrop").style.display="";	
	if (GetId("login"))
	{
		GetId("login").style.display="";
	}
	MyMar=setInterval(scrolllogin,30);
}
function closeLogin()
{
	clearInterval(MyMar);
	GetId("backdrop").style.display="none";
	GetId("login").style.display="none";
}

function scrolllogin()
{
	Obj=GetId("login")
	var _top = dom.clientHeight / 2 - Obj.offsetHeight / 2 + dom.scrollTop;
	var _left = dom.clientWidth / 2 - Obj.offsetWidth  /2 + dom.scrollLeft;
	if (_top < 0){
		_top = 0;
	}
	if (_left < 0){
		_left = 0;
	}
	Obj.style.top	= _top  + "px";
	Obj.style.left	= _left  + "px";
}
function shopconfirm()
{
	GetId("shopconfirm").style.left=dom.clientWidth / 2 - 233 +"px";
	GetId("backdrop").style.display="";	
	GetId("shopconfirm").style.display="";
	
}
function shopcancel()
{
	closeDiv("shopconfirm");
	closeDiv("backdrop")
}
function closeDiv(ID)
{
	GetId(ID).style.display="none";
}
function selectColor(ID)
{
	for (var i=0; i<5; i++)
	{
		GetId("mousepic").src="images/products/tbe0"+ID+".jpg";
	}
}
var action=httpURL.split("/");
action=location.href.split("#");
if (action[1]=="login"){
	login();
	GetId("username").focus();
}