var popupDiv;



var Popup = Class.create();

Popup.prototype = {


	initialize: function() {
	 
		 
		if ( !$('overlay') ) {
			var objBody = document.getElementsByTagName("body").item(0);
			var objOverlay = document.createElement("div");
			objOverlay.setAttribute('id','overlay');
			objOverlay.style.display = 'none';
			objOverlay.onclick = function() {  }
			objBody.appendChild(objOverlay);
		}			 
	
	},
	
	hide: function() {
		
		Element.hide($(this.popupDiv));
		Element.hide('overlay');
		//enableDivs();
		
		if ( $('swf') ) {
			$('swf').show();
		}
		
	},
	show: function() {
		 
		//var pageSize = document.viewport.getDimensions();  
		//alert(document.viewport.getDimensions());
		if ( $('swf') ) {
			console.log('hidew');
			$('swf').hide();
		}
		  
		$('overlay').setWidth='100%';
		$('overlay').setHeight='100%';
	 
//Element.setWidth('overlay', '100%');
		//Element.setHeight('overlay', '100%');
		//new Effect.Appear('overlay', { duration: 0, from: 0.0, to: 0.8 });
			 
		
		$(this.popupDiv).style.zIndex=1000;
			 
		Element.setOpacity('overlay',.5);
		$('overlay').show();
		
		//disableDivs();
	 
	 	this.center();
	 	
	 		 
		Element.show($(this.popupDiv));
		
		
		 
	
	},
	
	
	center: function() {
		
		
		var pageSize = document.viewport.getDimensions(); // Gets the viewport as an object literal
		//var width = viewport.width; // Usable window width
		//var height = viewport.height; // Usable window height
		//console.log(width,height);

		var scrolloffset=document.viewport.getScrollOffsets();
		 
		
		//var pageSize = getPageSize();
		var divSize = Element.getDimensions(this.popupDiv);//$(this.popupDiv).getDimensions();
	 	 
	 	
	 	//var arrayPageScroll = getPageScroll();
	 	//log(arrayPageScroll[1] + ','+pageSize[3]+","+divSize.height);
		var divTop = scrolloffset[1] + Math.floor((pageSize.height-divSize.height)/2);//Math.floor((pageSize[3]-divSize.height)/2) ;//(arrayPageSize[3] / 10);
		var divLeft = scrolloffset[0];
		 
		//log(divSize.width+","+divSize.height);
		
		//log(Element.getWidth(this.popupDiv));
		//if ( divTop+divSize.height >  pageSize.height) {
		//	divTop=(pageSize.height-divSize.height-10);
		
		//}
		 
		Element.setTop(this.popupDiv, divTop);
		
		//log(divSize.width);
		Element.setLeft(this.popupDiv, divLeft+Math.floor((pageSize.width-divSize.width)/2));
	 	 
	
	}
	

	
}
Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
	setLeft: function(element,l) {
	   	element = $(element);
    	element.style.left = l +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});


//function initPopup() { myPopup = new Popup(); }
//Event.observe(window, 'load', initPopup, false);