////////////////////////////////////////////////
//                                            //
//   LightBoxEffect by photoGRAFIUS studios   //
//               copyright 2010               //
//                                            //
////////////////////////////////////////////////

function lightBox(popUpDivVar) {
	if (typeof window.innerHeight != 'undefined') {
		viewportheight = window.innerHeight;

	} else {
		viewportheight = document.body.offsetHeight;
	}

	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerWidth;

	} else {
		viewportwidth = document.body.offsetWidth;
	}

if(document.getElementById("wrapper").clientWidth > viewportwidth){viewportwidth=document.getElementById("wrapper").clientWidth;}

if(document.getElementById("wrapper").clientHeight > viewportheight){viewportheight=document.getElementById("wrapper").clientHeight;}

// Pad viewPortheight
viewportheight+=10;

/*

	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		lightBox_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			lightBox_height = document.body.parentNode.clientHeight;
		} else {
			lightBox_height = document.body.parentNode.scrollHeight;
		}
	}
*/



	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 		var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
	}

	var lightBox = document.getElementById('lightBox');
	lightBox.style.width = viewportwidth + 'px';

		if(ieversion > 0 ){
			lightBox.style.width = "100.5%";
			lightBox.style.height = viewportheight + 'px';
		}

	//
	// Script to detect mobile device & iPhone
	//
	var mobileDev=new Array("iphone","blackberry","android","windows ce","palm");
	var uagent = navigator.userAgent.toLowerCase();
	var detect = false;
	for(var i=0; i < mobileDev.length; i++) {
		if (uagent.search(mobileDev[i]) > -1){
			detect = true;
		}
	}

	if(detect == true){
 		lightBox.style.width = "105%";
		lightBox.style.height = viewportheight + 'px';
	}else{
		lightBox.style.height = viewportheight + 'px';
	}


	lightBox.style.display = 'block';
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv.style.display = 'block';
	var Xwidth=popUpDiv.offsetWidth;
	var Yheight=popUpDiv.offsetHeight;
	popUpDiv.style.display = 'none';
	center(popUpDivVar,Xwidth,Yheight);
	popUpDiv.style.display = 'block';
	
}


function lightBoxClose(popUpDivVar){
	var popUpDiv = document.getElementById(popUpDivVar);
	var lightBox = document.getElementById('lightBox');
	popUpDiv.style.display="none";
	lightBox.style.display="none";
}



function center(popUpDivVar,Xwidth,Yheight){

var popUpDiv = document.getElementById(popUpDivVar);


// First, determine how much the visitor has scrolled

	var scrolledX, scrolledY;
	if( self.pageYoffset ) {
		scrolledX = self.pageXoffset;
		scrolledY = self.pageYoffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
		scrolledX = document.documentElement.scrollLeft;
		scrolledY = document.documentElement.scrollTop;
	} else if( document.body ) {
		scrolledX = document.body.scrollLeft;
		scrolledY = document.body.scrollTop;
	} 

// Next, determine the coordinates of the center of browser's window
	var centerX, centerY;
	if( self.innerHeight ) {
		centerX = self.innerWidth;
		centerY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
		centerX = document.documentElement.clientWidth;
		centerY = document.documentElement.clientHeight;
	} else if( document.body ) {
		centerX = document.body.clientWidth;
		centerY = document.body.clientHeight;
	} 

	var leftoffset = scrolledX + (centerX - Xwidth) / 2;
	var topoffset = scrolledY + (centerY - Yheight) / 2;

	popUpDiv.style.position='absolute';
	popUpDiv.style.top=topoffset + 'px'; 
	popUpDiv.style.left=leftoffset + 'px'; 


}