function openImage(obj){

	//alert(obj);




}


var div = document.createElement('div');
var blocker = document.createElement('blocker');





function iitLightbox(){

}

window.onload = function() {
	createDivs();
	getIds();	
	//if(runFlash)getFlash();

}



function createDivs() {
    	div.id = 'popdiv';
    	blocker.id = 'blockerdiv';

if (document.body.firstChild){
      		document.body.insertBefore(div, document.body.firstChild);
      		document.body.insertBefore(blocker, document.body.firstChild);
		}
		else
		{
      		document.body.appendChild(div);
      		document.body.appendChild(blocker);
		}
		
		
		htmlStr="<div class=\"popTop\" id=\"popTop\">";
		htmlStr+="<h2 id=\"popheader\">&nbsp;</h2><a href=\"javascript:closePop();\" class=\"popCloseBtn\">Close</a>";
		htmlStr+="</div>";
		htmlStr+="<img src=\"/images/dummy.gif\" width=\"420\" height=\"315\" alt=\"\" id=\"popimage\" />";
		htmlStr+="<div  class=\"popBtm\" id=\"popBtm\"><div  class=\"popBtmText\" id=\"popBtmText\">&nbsp;</div><a href=\"#\" id=\"fullLink\"><u>Read this scenario</u> &gt;</a></div>";
		htmlStr+="<div  id=\"imageNav\"><a href=\"javascript:prevImage()\"><img src=\"/images/prev.gif\" width=\"51\" height=\"51\" alt=\"\" id=\"prevBtn\" /></a><a href=\"javascript:nextImage()\"><img src=\"/images/next.gif\" width=\"51\" height=\"51\" alt=\"\" id=\"nextBtn\" /></a></div>";
		
		div.innerHTML=htmlStr;
		
}


function prevImage(){
	
	document.getElementById("popheader").innerHTML=glanceArray[currImage-1][3]  + " - " + glanceArray[currImage-1][4];
	
	document.getElementById("popimage").src=glanceArray[currImage-1][0].replace("small","large");
	document.getElementById("popBtmText").innerHTML=glanceArray[currImage-1][1] ;
	
	document.getElementById("fullLink").href=glanceArray[currImage-1][2] +".php";	
	currImage--;

	document.getElementById("prevBtn").style.display=(currImage<=0) ? "none" : "block";
	document.getElementById("nextBtn").style.display=(currImage<(glanceArray.length-1)) ? "block" : "none";
	
}

function nextImage(){
	document.getElementById("popheader").innerHTML=glanceArray[currImage+1][3]  + " - " + glanceArray[currImage+1][4];
	document.getElementById("popimage").src=glanceArray[currImage+1][0].replace("small","large");
	document.getElementById("popBtmText").innerHTML=glanceArray[currImage+1][1];
	
	document.getElementById("fullLink").href=glanceArray[currImage+1][2] +".php";

	currImage++;
	document.getElementById("prevBtn").style.display=(currImage<=0) ? "none" : "block";
	document.getElementById("nextBtn").style.display=(currImage<(glanceArray.length-1)) ? "block" : "none";	
}



function closePop(){
div.style.display="none";
blocker.style.display="none";
    blocker.style.opacity = (0); 
    blocker.style.MozOpacity = (0); 
    blocker.style.KhtmlOpacity = (0); 	
    blocker.style.filter = "alpha(opacity=0)"; 
    div.style.opacity = (0); 
    div.style.MozOpacity = (0); 
    div.style.KhtmlOpacity = (0); 	
    div.style.filter = "alpha(opacity=0)"; 
}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
  // if(opacity<1)document.getElementById('fadeDiv').style.display="none";
} 





var timeoutId;
var msgString="";
var currImage=0;


function showPopup(){

currImage=Number(this.id.match(/\d+/));

tmp=this.href;
tmp=this.href.substring(this.href.indexOf("hdr="),this.href.indexOf("&topic="));
tmp=tmp.split("=");
tmpHdr=unescape(tmp[1]);

tmp=this.href;
tmp=this.href.substring(this.href.indexOf("topic="));
tmp=tmp.split("=");
tmpTopic=unescape(tmp[1]);

tmp=this.href;
tmp=this.href.substring(this.href.indexOf("?desc="),this.href.indexOf("&"));
tmp=tmp.split("=");
btmText=unescape(tmp[1]);

tmp=this.href.substring(this.href.indexOf("scen="),this.href.indexOf("&image"));
tmp=tmp.split("=");
tmpLink=unescape(tmp[1]);


document.getElementById("popheader").innerHTML=tmpHdr + " - " + tmpTopic;
document.getElementById("popBtmText").innerHTML=btmText;
document.getElementById("popimage").src=this.childNodes[0].src.replace("small","large");

document.getElementById("fullLink").innerHTML="<u>Read this scenario</u> &gt;";
document.getElementById("fullLink").href=tmpLink+".php";

//Drag.init(document.getElementById("popdiv"));
	div.style.display="block";
	
	
	//blocker.style.height=document.body.scrollHeight +"px";
   if (window.innerHeight && window.scrollMaxY) {
   blocker.style.height = window.innerHeight + window.scrollMaxY +"px";
   }

//alert(blocker.style.height);

opacity('blockerdiv', 0, 90, 250);
opacity('popdiv', 0, 100, 250);

blocker.style.display="block";
 var Element = document.getElementById("popdiv"); 
 objh = parseFloat(div.offsetHeight)/2; 
 objw = parseFloat(div.offsetWidth)/2; 



ypos=document.documentElement.scrollTop;
if(window.pageYOffset)ypos=window.pageYOffset;
Element.style.top = Math.floor(Math.round((document.documentElement.offsetHeight/2)+ypos)-objh)+'px'; 
Element.style.left = Math.floor(Math.round((document.documentElement.offsetWidth/2)+document.documentElement.scrollLeft)-objw)+'px'; 

//alert(currImage);	
if(currImage==0)document.getElementById("prevBtn").style.display="none"; else document.getElementById("prevBtn").style.display="block"; 
if(currImage==(glanceArray.length-1))document.getElementById("nextBtn").style.display="none"; else document.getElementById("nextBtn").style.display="block"; 


return false;
}