////////////////////////////////////////////////

//                                            //

//   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'; 





}