function toggle(div_id) {
	var el = document.getElementById(div_id);
	
	if ( el.style.display == 'none' ) {	
	   	 el.style.display = 'block';
	} else {
	  	 el.style.display = 'none';
	}
}


function getScrollXY() {
  var scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
  }
  return scrOfY;
}


function blanket_size(popUpDivVar , xv , yv) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	
	var Yoffset=getScrollXY();
	var winHeight=document.body.parentNode.clientHeight;
	
	var popUpDiv = document.getElementById(popUpDivVar);
	
	popUpDiv_height=Yoffset + (winHeight/2)-(yv/2);						   //150 is half popup's height
	popUpDiv.style.top = popUpDiv_height + 'px';
}


function window_pos(popUpDivVar , xv , yv) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	
	
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=(window_width/2)-(xv/2);							//150 is half popup's width
	popUpDiv.style.left = window_width + 'px';
	popUpDiv.style.width = xv +'px';
	popUpDiv.style.height = yv +'px';

}


function popup(toggleState,windowname,copyleft,desc,fname,imgx,imgy) {
	document.getElementById(windowname).innerHTML="";
	// build the innerhtml
	if (toggleState=='Open'){
	   
	   		//parse filename for extension (needed if using media player) AND filename for display
	   		fn=fname.split("/");
	   		fnext=fn[1].split(".");
			panelwidth=150;
			bordersize=1;
			
	   		//if(imgy>imgx){		   // IF THIS IS PORTRAIT ADD A BORDER
			//	padborder=" style=\"padding:5px;\"";
			//} else {
			//  	padborder=" style=\"padding:0px;\"";
			//}
			
	   		var htmlval="<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" height=\"100%\">";
	   		htmlval+="<tr><td valign=\"top\" style=\"padding:" + bordersize + "px;\">";
					
			if (fnext[1]=='flv'){ //
					htmlval+="<a class=\"imageborder2\" href=\"" + fname+ "\" style=\"display:block;width:" + imgx+ "px;height:" + imgy+ "px\" id=\"FMGVid\"></a>"; 					
			
			} else if (fnext[1]=='jpg'){
					htmlval+="<img class=\"imageborder2\" src=\"" + fname + "\" width=\"" + imgx + "\" height=\"" + imgy + "\" border=\"0\" onLostFocus=\"popup('Close','" + windowname + "')\" onClick=\"popup('Close','" + windowname + "')\" style=\"cursor: pointer; cursor: pointer;\"/>";
	   		} 
	   			   	
			//if(imgy>imgx){
	   			htmlval+="</td><td valign=\"top\"  width=\"100%\">";
				x=imgx+panelwidth+(bordersize*2)+2; // extra for sidebar
				y=imgy+(bordersize*2)+2;
	   		
			//} else {   // portrait stuff
	   		//    htmlval+="</td></tr><tr><td valign=\"top\">";
			//    x=imgx;		//extra for sidebar padding and border		
			//	y=imgy; 
	   		//} 
	   	   
	   	   //	if (imgy>imgx){ //for portraits
	   	  	   htmlval+="<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" height=\"100%\" style=\"font-family:verdana, arial san serif; font-size:9pt; color:black;padding-right:5px;\">"; 
	   	  	   htmlval+="<tr><td colspan=\"2\" style=\"font-family:verdana, arial san serif; font-size:10pt; color:black; vertical-align:top; padding-top:5px; padding-top:5px; padding-left:5px;\" height=\"" + (y-40) + "\">" + desc + "</td></tr>";
	   	  	   htmlval+="<tr><td colspan=\"2\" style=\"font-size:6pt;  color:gray;  padding-left:5px; height:18px;\">" + fn[1] + "</td></tr>";
	   	  	   htmlval+="<tr><td style=\"font-size:6pt; font-weight:bold; color:gray; padding-left:5px;  padding-top:5px;\">" + copyleft + "</td>";
	   	  	   htmlval+="<td align=\"right\" style=\"vertical-align:bottom;\">" + "<a href=\"javascript:popup('Close','popUpDiv')\" style=\"font-size:6pt;color:black;font-weight:bold;\">Close</a></td></tr>";
	   		   
	   		//} else { // for landscapes
	   	   	//   htmlval+="<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" height=\"100%\" style=\"font-family:verdana, arial san serif; font-size:10pt; color:white;\">"; 
	      	//   htmlval+="<tr><td style=\"font-size:6pt; color:gray; padding-bottom:2px; \" width=\"50%\">" + copyleft + "</td>";
		   	//   htmlval+="<td style=\"font-size:6pt; color:gray; padding-bottom:2px; \">" + fn[1] + "</td>";
	   	   	//   htmlval+="<td align=\"right\" style=\"vertical-align:bottom;\">" + "<a href=\"javascript:popup('Close','popUpDiv')\" style=\"font-size:6pt;color:gray;\">Close</a></td></tr>";
	   	   //	   htmlval+="<tr><td colspan=\"3\">" + desc + "</td></tr>";
	   		//}
	   		
			htmlval+= "</table>";
	   		htmlval+="</td></tr></table>";

			document.getElementById(windowname).innerHTML=htmlval;
	   		blanket_size(windowname, x , y);
	   		window_pos(windowname, x , y);
			 
			if (fnext[1]=='flv'){
			 		flowplayer(
			 			'FMGVid', 
						'scripts/flowplayer.swf',
						{
						 	plugins: {

						 		  controls:  {
								  			 //backgroundColor: 'transparent',
								  			 //all:false,
								  			 scrubber:false,
								  			 mute:true,
								  			 height:30,
								  			 autoHide: 'always',
								  			 play:true,
								  			 progressColor: 'transparent',
								  			 bufferColor: 'transparent',
								  			 scrubber:true,
								  			 volume:true
								  }

							}
						}
						);
				  }
			}
	
	toggle('blanket');
	toggle(windowname);		
}