var popup_addtobag = null;
var popup_zoom = null;
var blank = null;

var browserType 		= navigator.userAgent; 	// type of browser. i.e. MSIE or opera.


window.onload=function (){
popup_addtobag = document.getElementById('shortcutbag');
popup_zoom = document.getElementById('zoombg');
blank = document.getElementById('blank');
if (popup_addtobag!=null){
	center('shortcutbag');
}

var pagesize = new getPageSize();
document.getElementById('blank').style.width = pagesize.width
document.getElementById('blank').style.height= pagesize.height
window.onscroll = maintPos;
window.onresize = maintPos;


}

getPageSize = function() {
	var docElem = document.documentElement
	this.width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth;
	this.height = self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;
}
posToCenter = function(elem) {
	var scrollPos = new getScrollPos();
	var pageSize = new getPageSize();
	var emSize = new getElementSize(elem);
	var x = Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scrollX;
	var y = Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scrollY;	
	elem.style.left = x+'px';
	elem.style.top = y+'px';	
}
getScrollPos = function() {
	var docElem = document.documentElement;
	this.scrollX = self.pageXOffset || (docElem&&docElem.scrollLeft) || document.body.scrollLeft;
	this.scrollY = self.pageYOffset || (docElem&&docElem.scrollTop) || document.body.scrollTop;
}
getElementSize = function(elem) {
	this.width = elem.offsetWidth ||  elem.style.pixelWidth;
	this.height = elem.offsetHeight || elem.style.pixelHeight;
}

maintPos = function() {
	var pagesize = new getPageSize();
	var scrollPos = new getScrollPos();

	if(browserType.indexOf("MSIE ") != -1) {document.getElementById('blank').style.width = pagesize.width+'px';} 

	if(browserType.indexOf("Opera/9") != -1) {document.getElementById('blank').style.height = document.body.scrollHeight+'px';}
	else {document.getElementById('blank').style.height = pagesize.height+scrollPos.scrollY+'px';}
		
	if (popup_addtobag!=null){
//		posToCenter(popup_addtobag);
	}
	if (popup_zoom!=null){
//		posToCenter(popup_zoom);
	}
}

closewindow = function(name){
var a = document.getElementById(name);
a.style.display='none';
}

showwindow = function(name){
var a = document.getElementById(name);
a.style.display='';
}


closeall = function(){
if (popup_addtobag!=null){
	popup_addtobag.style.display='none';
}
if (popup_zoom!=null){
	popup_zoom.style.display='none';
}
if (blank!=null){
	blank.style.display='none';
}

}


center = function(name) {
	var elem = document.getElementById(name);
	var scrollPos = new getScrollPos();
	var pageSize = new getPageSize();
	var emSize = new getElementSize(elem);
	var x = Math.round(pageSize.width/2) - (emSize.width /2)+ scrollPos.scrollX;
	var y = Math.round(pageSize.height/2) - (emSize.height /2)+ scrollPos.scrollY;
	elem.style.left = x+'px';
	elem.style.top = y+'px';	
}