// JavaScript Document
	function popupWindow(page, title, vars){
		window.open(page,title,vars);
	}


	function close_info(){
			
		showFlash();
		document.body.style.overflow = "visible";
	
		document.getElementById('cover').style.visibility = "hidden";
		document.getElementById('cover').style.width = "0px";
		document.getElementById('cover').style.height = "0px";
		document.getElementById("frame").style.visibility = "hidden";
		
		document.getElementById("frameContent").innerHTML = '<div id="flashFrameContent"></div>';
		
	}
	
	function show_video(frameWidth, frameHeight){
		//define height and width of popup frame
				
				
		if(frameWidth==null){
			frameWidth = 480;
		}
		if(frameHeight==null){
			frameHeight = 645;
		}

		//scroll to top of page and hide overflow
		scroll(0,0);
		//document.body.style.overflow = "hidden";
		
		// stretch overlay to fill page and fade in
		var arrayPageSize = getPageSize();
		
		var arrayPageScroll = getPageScroll();

		var cover = document.getElementById('cover');
		cover.style.width = arrayPageSize[2]+arrayPageScroll[0]+'px';
		cover.style.height = arrayPageSize[1]+arrayPageScroll[1]+'px';
		cover.style.visibility = "visible";

		var frame = document.getElementById("frame");
		
		//Define width of border
		var border = 15;
		
		var boxTop = arrayPageScroll[1] + 50;
		//top and left corners are based size of viewable area
		var boxLeft = arrayPageScroll[0] + Math.round(arrayPageSize[2] / 2) - border;
	
		if(boxLeft > frameWidth/2){ boxLeft -= Math.round(frameWidth/2);}
		if(boxTop > frameHeight/2){ boxTop -= Math.round(frameHeight/2);}
		frame.style.top = boxTop + 'px';
		frame.style.left = boxLeft + 'px';
		//frame.style.height = frameHeight + 'px';
		frame.style.width = frameWidth + 'px';

		hideFlash();
		
		
		var frameContent = document.getElementById("frameContent");
		if(frameContent.tagName == "DIV"){
			//only run this if we haven't already loaded it...the swfobject changes div to object or embed
			var so = new SWFObject("assets/media/vid_player.swf", "videoPlayer", "480", "368", "9.0.115", "#000000");
			so.addVariable('track', '../video/ibarra.mp4');
			so.addVariable('autoplay', 'true');
			so.addParam('allowFullScreen', 'true');
			
			so.write("frameContent");
			//swfobject.embedSWF("assets/media/demo.swf", "flashFrameContent", "800", "600", "9.0.115", "expressInstall.swf", flashvars, params, attributes);
		}
		
		frame.style.visibility = 'visible';
	}


// -----------------------------------------------------------------------------------
//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.com
// Edit for Firefox by pHaez
//
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	
//	console.log(self.innerWidth);
//	console.log(document.documentElement.clientWidth);

	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

//	console.log("xScroll " + xScroll)
//	console.log("windowWidth " + windowWidth)

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
//	console.log("pageWidth " + pageWidth)

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}


// -----------------------------------------------------------------------------------

//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.com
//
function getPageScroll(){

	var xScroll, yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}

	arrayPageScroll = new Array(xScroll,yScroll) 
	return arrayPageScroll;
}
// ---------------------------------------------------
function showFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		if(flashObjects[i].id!="frameContent"){
			flashObjects[i].style.visibility = "visible";
		}else{
			flashObjects[i].style.visibility = "hidden";
		}
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		if(flashEmbeds[i].id!="frameContent"){
			flashEmbeds[i].style.visibility = "visible";
		}else{
			flashEmbeds[i].style.visibility = "hidden";
		}
	}
}

// ---------------------------------------------------

function hideFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		if(flashObjects[i].id!="frameContent"){
			flashObjects[i].style.visibility = "hidden";
		}else{
			flashObjects[i].style.visibility = "visible";
		}
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		if(flashEmbeds[i].id!="frameContent"){
			flashEmbeds[i].style.visibility = "hidden";
		}else{
			flashEmbeds[i].style.visibility = "visible";
		}

	}

}

