//CHANGE OPASITY ......
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

onClickDetails=function() {	

	document.getElementById('login').style.display = 'block';
	document.getElementById('main_page').disabled = true;
	changeOpac(60,'external');
	getSize1();
	//showBox(ids,url,type);
}

closeMe=function() {
	document.getElementById('login').style.display = 'none';
	document.getElementById('main_page').disabled = false;
	document.getElementById("external").style.display = "none";

}
getSize1= function()
{
	var w = 0;
	var h = 0;

	//IE
	if(!window.innerWidth)
	{
		//strict mode
		if(!(document.documentElement.clientWidth == 0))
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
		//quirks mode
		else
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		w = document.body.clientWidth;
		h = document.body.clientHeight;
	}
	
	
	

	//return {width:w,height:h};
			var div = document.getElementById("external");		
			div.style.position = "absolute";
			div.style.display = "block";
			div.style.top ="0px";
			div.style.left ="0px";
			div.style.width = w + "px";
			//div.style.height =h+ "px";
			div.style.height =h + "px";
			
			//div.style.height ="auto";			
			//div.style.height=document.getElementById('main_page').style.height;
			//alert(document.getElementById('main_page').style.height);	
		
}