// JavaScript Document
//*@auther 'rupesh'*/
document.write("<div id ='transbg' style='position:absolute; display:block; top:0px; left:0px; z-index:100;filter:alpha(opacity=70); opacity:0.70; background-color:#000000;' onmousedown='hidepop()'>&nbsp;</div>"
				+"<div id='popimage' align='center' style='display:none; z-index:102; position:absolute; vertical-align:middle; width:922px;  height:400px; z-index:105;'onmousedown='hidepop()'>"					
					+"<div id='popview' style='padding:10px; width:780px; height:380px; background-color:#FFFFFF; '>"
					+"<table width='780px' height='380px' border='0' cellspacing='0' cellpadding='0'>"					
						  +"<tr>"
							+"<td align='center' valign='middle' style='border:1px solid #E6E6E6; '>"
								+"<table id='imageview' width='780px' height='380px'  border='0' cellspacing='0' cellpadding='0' style='display:block;'>"
								 +" <tr>"
									+"<td align='center' style='padding:10px;'>&nbsp;</td>"
								  +"</tr>"
								  +"<tr>"
									+"<td align='center' valign='top'>&nbsp;</td>"
								 +" </tr>"
								+"</table>"
							+"<div id='preloaderimg' style='display:block;  z-index:106; position:relative; margin-top:-380px; width:780px; height:380px;'>"
								+"<table width='780px' height='380px'  border='0' cellspacing='0' cellpadding='0'>"
								  +"<tr>"
									+"<td valign='middle'><img src='../../images/common/loading.gif' /></td>"
								 +" </tr>"
								+"</table>"
							+"</div>"
						+"</td>"
					 +" </tr>"
					+"</table>"			
					+"</div>"
				+"</div>");
var storealpha;
var alphaloop=true;
var tempV=0;
var preloadstorealpha=0.1;
var preloadalphaloop=true;
var browser_IE_NS = (document.documentElement.clientHeight) ? 1 : 0;
var browser_MOZ = (self.innerWidth) ? 1 : 0;	
var windWidth;		
var windHeight;
if(document.body.clientWidth) {  
 windWidth=document.body.clientWidth;
 windHeight=document.body.clientHeight;   								 
} else {  
 windWidth = window.innerWidth;  
 windHeight= window.innerHeight; 								 
}			
function displaypop(imgpath,alttext){
/*alert("hi");*/			
tempV=0;			
document.getElementById("popimage").style.display="block";
/*document.getElementById("imageview").src=String(imgpath);
document.getElementById("imageview").title=String(alttext);*/
document.getElementById("preloaderimg").style.display="none";
document.getElementById("imageview").rows[0].cells[0].innerHTML="<h1 style='color:#808080; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:0px 0px 10px;  margin:0px; margin-top:-5px;'>"+alttext+"</h1>";
document.getElementById("imageview").rows[1].cells[0].innerHTML="<img src='"+imgpath+"' title='"+alttext+"'onload='hidepreloader()'/>";
document.getElementById("transbg").style.display="block";
document.getElementById("preloaderimg").style.display="block";
document.getElementById("imageview").style.filter='Alpha(opacity='+0+')';							
alphaloop=true;
preloadalphaloop=true;			

if(document.body.clientWidth) {  
 windWidth=document.body.clientWidth;
 windHeight=document.body.clientHeight;   								 
} else {  
 windWidth = window.innerWidth;  
 windHeight= window.innerHeight; 								 
}  
/*document.getElementById("popimage").style.top=screen.innerWidth-400;*/
/*alert(windWidth);*/
document.getElementById("transbg").style.width=windWidth+"px";
document.getElementById("transbg").style.height=windHeight+"px";						
if(browser_MOZ) {
document.getElementById("imageview").style.opacity=0.10;	
document.getElementById("preloaderimg").style.opacity=0.10;
document.getElementById("popview").style.width="782px";
document.getElementById("popview").style.height="382px";
storealpha=0.10;
preloadstorealpha=0.10;																		
} else {  									
document.getElementById("imageview").style.filter='Alpha(opacity='+10+')';	
document.getElementById("preloaderimg").style.filter='Alpha(opacity='+10+')';
document.getElementById("popview").style.width="782px";
document.getElementById("popview").style.height="382px";
storealpha=10;
preloadstorealpha=10;						
}							
var tempIntervalpreload=setTimeout(preloadtransitionFun,10);										
}

function transitionFun(){						
if(browser_MOZ) {
document.getElementById("imageview").style.opacity=storealpha;																		
storealpha=storealpha+0.10;		 
if(alphaloop==true){
	var tempInterval=setTimeout(transitionFun,10);
}
if(storealpha>=1){
	alphaloop=false;
	tempInterval=null;
	document.getElementById("imageview").style.opacity=1;
}									
} else {  									
	document.getElementById("imageview").style.filter='Alpha(opacity='+storealpha+')';	
	storealpha=storealpha+10;		
	/*document.write("storealpha=="+storealpha);*/
	if(alphaloop==true){
		var tempInterval=setTimeout(transitionFun,10);
	}
	if(storealpha>=100){
		alphaloop=false;
		tempInterval=null;
		document.getElementById("imageview").style.filter='Alpha(opacity='+100+')';
	}
}  
}
function preloadtransitionFun(){
if(browser_MOZ) {
document.getElementById("preloaderimg").style.opacity=preloadstorealpha;																		
preloadstorealpha=preloadstorealpha+0.10;		 
if(preloadalphaloop==true){
	var tempIntervalpreload=setTimeout(preloadtransitionFun,100);
}
if(preloadstorealpha>=1){									
	if(tempV>=20){
	tempV=0;
	preloadstorealpha=0.01;
	document.getElementById("preloaderimg").style.opacity=0.01;
	}
	tempV++;									
}
								
} else {  									
	document.getElementById("preloaderimg").style.filter='Alpha(opacity='+preloadstorealpha+')';	
	preloadstorealpha=preloadstorealpha+10;	
	
	if(preloadalphaloop==true){
		var tempIntervalpreload=setTimeout(preloadtransitionFun,100);
	}
	if(preloadstorealpha>=100){										
		if(tempV>=20){
				tempV=0;
				preloadstorealpha=0;
				document.getElementById("preloaderimg").style.filter='Alpha(opacity='+0+')';
		}
			tempV++;	
	}
}  
}

function hidepop(){
/*alert("hi");*/
document.getElementById("popimage").style.display="none";
document.getElementById("transbg").style.display="none";						
}
function hidepreloader(){
/*alert("hi");*/
document.getElementById("preloaderimg").style.display="none";
document.getElementById("imageview").style.display="block";
/*document.getElementById("imageview").style.visibility="visible";*/
preloadalphaloop=false;
tempIntervalpreload=null;
var tempInterval=setTimeout(transitionFun,10);
}





var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
//var startX =(windWidth-922)/2; //set x offset of bar in pixels
//var startY = windHeight/2+100 //set y offset of bar in pixels
var startX =(windWidth-922)/2; //set x offset of bar in pixels
var startY = windHeight/10+90//set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function staticbar(){
	barheight=document.getElementById("popimage").offsetHeight
	var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
	var d = document;
	function ml(id){
		var el=d.getElementById(id);
		if (!persistclose || persistclose && get_cookie("remainclosed")=="")
		el.style.visibility="visible"
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
		el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function(){
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : iecompattest().scrollTop;
		ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("popimage");
	stayTopLeft();
}

if (window.addEventListener){
window.addEventListener("load", staticbar, false)
}
else if (window.attachEvent){
window.attachEvent("onload", staticbar)
}
else if (document.getElementById){
window.onload=staticbar
}




						
