function jsFixIeMenu()
{
	if(document.all)
	{
		var resolution = jsGetResolution();
		var x = document.getElementById('dropmenu1').style.marginLeft;
//		alert("X:"+x+"\nres:"+(resolution[0]));
		document.getElementById('dropmenu1').style.marginLeft = -(resolution[0]/2) + 400;
		var x = document.getElementById('dropmenu2').style.marginLeft;
		document.getElementById('dropmenu2').style.marginLeft = -(resolution[0]/2) + 400;
		var x = document.getElementById('dropmenu3').style.marginLeft;
		document.getElementById('dropmenu3').style.marginLeft = -(resolution[0]/2) + 400;
		var x = document.getElementById('dropmenu5').style.marginLeft;
		document.getElementById('dropmenu5').style.marginLeft = -(resolution[0]/2) + 400;
	}
}





function jsGetResolution()
{
    var resolution = new Array();
   	if(document.all){
	  resolution[0] = document.body.clientWidth;
	  resolution[1] = document.body.clientHeight;
	}else{
	  resolution[0] = innerWidth;
	  resolution[1] = innerHeight;
	}
	return resolution;
}

function jsDivPopup(resX, resY, contents)
{
    var clientRes = jsGetResolution();
    
    var posX = (clientRes[0]/2) - (resX/2);
    var posY = (clientRes[1]/2) - (resY) - 100;
    
    document.getElementById('jsDivPopUp').style.visibility = "visible";
    //document.getElementById('jsDivPopUp').style.width = resX;
    //document.getElementById('jsDivPopUp').style.height = resY;    
    document.getElementById('jsDivPopUp').style.left = posX;
    document.getElementById('jsDivPopUp').style.top = posY;
    document.getElementById('jsDivPopUp').innerHTML = contents;
}

function jsDivImagePopup(imageX, imageY, thumbX, thumbY, imageArray, imageIndex,title, thumbCount)
{
	document.getElementById('jsDivImagesPopUp').innerHTML = jsDivImageContents(imageX, imageY, thumbX, thumbY, imageArray, imageIndex, title, thumbCount);
	
	var clientRes = jsGetResolution();
    
	var posX = document.getElementById('jsDivImagesPopUp').offsetWidth;
	var posY = document.getElementById('jsDivImagesPopUp').offsetHeight;
//	if(document.all)
//		alert(posY+" : "+ clientRes[1]);
	posX = (clientRes[0]/2) - (posX/2);
    	posY = (clientRes[1] - posY)/2;
  
    
	document.getElementById('jsDivImagesPopUp').setAttribute('style', 'position:fixed; z-index:999; text-align:center; background-color:#EEEEEE; left: '+posX+'px; top: '+posY+'px; visibility: visible;');

    	document.getElementById('jsDivImagesPopUp').style.left = posX;
	document.getElementById('jsDivImagesPopUp').style.visibility = "visible";
	
	return;
}

function jsDivImageThumbnails(imageX, imageY, thumbX, thumbY, imageArray, imageList, imageIndex, title, thumbCount)
{
	var output = "";
	var totalLength = imageArray.length;
	thumbCount = thumbCount % totalLength;
	if(thumbCount < 0) thumbCount = totalLength + thumbCount;
	
//	alert("X:"+resX+"\nY:"+resY);

	output += "<td onClick='jsDivImagePopup("+imageX+","+imageY+","+thumbX+","+thumbY+",Array("+imageList+"),"+imageIndex+",\""+title+"\","+(thumbCount-1)+");' style=\"cursor:pointer\"><img src='images/viewer_mainPrev.gif' alt='Prev' class='viewerImage'/></td>";
	output += "<td><center><TABLE><TR>";	
	
	var renderedCount = 0;
	
	
	
	for(var i = thumbCount; i < (thumbCount+4); i++)
	{
		if(renderedCount >= totalLength) continue;
		var thumbIndex = i;//+parseInt(thumbCount);
		
		if(thumbIndex >= totalLength) thumbIndex -= totalLength;
		
		var strLength = imageArray[thumbIndex].length - 4;
		var link = "onClick='jsDivImagePopup("+imageX+","+imageY+","+thumbX+","+thumbY+",Array("+imageList+"),"+thumbIndex+",\""+title+"\","+thumbIndex+");' style=\"cursor:pointer\"";
		output += "<TD "+link+"><IMG SRC='";
		output += imageArray[thumbIndex].substring(0,strLength)+"_tn"+imageArray[thumbIndex].substring(strLength,imageArray[thumbIndex].length);
		output += "' class='viewerThumb' alt='Thumb'  width='"+thumbX+"' height='"+thumbY+"'/></TD>";
		renderedCount++;
	}
	
	output += "</TR></TABLE></center></td>";
	output += "<td onClick='jsDivImagePopup("+imageX+","+imageY+","+thumbX+","+thumbY+",Array("+imageList+"),"+imageIndex+",\""+title+"\","+(thumbCount+1)+");' style=\"cursor:pointer\"><img src='images/viewer_mainNext.gif' alt='Next' class='viewerImage'/></td>";
	
	return output;
}

function jsDivImageContents(imageX, imageY, thumbX, thumbY, imageArray, imageIndex, title, thumbCount)
{
	var length = imageArray.length;
	var output = "";
	var indexNext = imageIndex + 1;
	var indexPrev = imageIndex - 1;
	if(indexPrev<0) indexPrev = length-1;
	if(indexNext>=length) indexNext = 0;

	if(imageX > 800) 
	{
		imageY *= (800/imageX);
		imageX = 800;
	}

	var imageList = "";
	for(var i = 0; i < length; i++)
	{
		imageList += "\""+imageArray[i]+"\"";
		if(i<(length-1)) imageList += ",";
	}
	var thumbs = jsDivImageThumbnails(imageX, imageY, thumbX, thumbY, imageArray, imageList,imageIndex,title, thumbCount);
	
	var buttonPrev = "<span onClick='jsDivImagePopup("+imageX+","+imageY+","+thumbX+","+thumbY+",Array("+imageList+"),"+indexPrev+",\""+title+"\","+(thumbCount-1)+");' style=\"cursor:pointer\"><img src='images/viewer_picPrev.gif' alt='Prev' class='viewerImage'/></span>";
	var buttonNext = "<span onClick='jsDivImagePopup("+imageX+","+imageY+","+thumbX+","+thumbY+",Array("+imageList+"),"+indexNext+",\""+title+"\","+(thumbCount+1)+");' style=\"cursor:pointer\"><img src='images/viewer_picNext.gif' alt='Next' class='viewerImage'/></span>";
	var closer = "style='cursor:pointer;' onClick='document.getElementById(\"jsDivImagesPopUp\").style.visibility=\"hidden\";'"
		
	output += "<table class='viewer' cellspacing='0' cellpadding='0'>";
	output += "<tr><td class='vwtl'></td><td class='vwtitle' colspan='3'></td><td class='vwtr'></td></tr>";
	output += "<tr class='vwtitle'><td class='vwside'></td><td width='63px'></td><td class='vwtitle'>"+title+"</td><td "+closer+"><img src='images/viewer_Close_off.gif' alt='Close' class='viewerImage'/></td><td></td></tr>";
	output += "<tr class='vwthumbs'><td></td>"+thumbs+"<td></td></tr>";
	output += "<TR class='vwshot'><td class='vwside'></td><td>"+buttonPrev+"</TD><TD><img src='"+imageArray[imageIndex]+"' class='viewerImage' alt='Screenshot' width='"+imageX+"' height='"+imageY+"' onClick='jsDivImagePopup("+imageX+","+imageY+","+thumbX+","+thumbY+",Array("+imageList+"),"+indexNext+",\""+title+"\","+(thumbCount+1)+");'></TD><TD>"+buttonNext+"</TD><td class='vwside'></td></TR>";
	output += "<tr class='vwshot'><TD colspan=5 class='vwshot'>Image "+(imageIndex+1)+" / "+(length)+"</TD></TR>";
	output += "<tr><td class='vwbl'></td><td class='vwshot' colspan='3'></td><td class='vwbr'></td></tr>";
	output += "</TABLE>";
	return output;
}