var imgPanDivId = 'imgpan';
var imgHolderDivId = 'imgholder';
var imgPanDivWidth = 0;
var imgPanDivOpacity = 0;
var activeTimeout = 0;

function showImg(el){
	if(document.getElementById){
		remImgContent();
		panEl = document.getElementById(imgPanDivId);
		imgEl = document.getElementById(imgHolderDivId);
		if(panEl != undefined && imgEl != undefined){
			nEl = document.createElement('img');
			nEl.setAttribute('src',el.getAttribute('href'));
			imgEl.appendChild(nEl);
			panEl.style.display = 'block';
			
			if(document.all){ // ie
				panEl.style.position = "absolute";
				if(document.body.scrollTop){ // IE <6
					panEl.style.top = (document.body.scrollTop+10)+"px";
					panEl.style.bottom = (-document.body.scrollTop-10)+"px";
				}
				else if(document.documentElement.scrollTop){ // IE 6
					panEl.style.top = (document.documentElement.scrollTop+10)+"px";
					panEl.style.bottom = (-document.documentElement.scrollTop-10)+"px";
				}
			}
			if(activeTimeout!=0)
				window.clearTimeout(activeTimeout);
			slideinImgpan();
			// disable orig link location
			return false;
		}
	}
	// enable orig link location
	return true;
	
}

function slideinImgpan(){
	if(imgPanDivOpacity < 1){
		
		imgPanDivOpacity+=0.2;
		panEl = document.getElementById(imgPanDivId);
		if(panEl != undefined){
			//panEl.style.width = imgPanDivWidth+"px";
			//panEl.style.right = "0px";
			panEl.style.opacity = imgPanDivOpacity;
			window.setTimeout('slideinImgpan()',1);
		}
	}
}

function slideoutImgpan(){
	if(imgPanDivOpacity > 0){
		imgPanDivOpacity-=0.2;
		panEl = document.getElementById(imgPanDivId);
		if(panEl != undefined){
			//panEl.style.width = imgPanDivWidth+"px";
			//panEl.style.right = "0px";
			panEl.style.opacity = imgPanDivOpacity;
			window.setTimeout('slideoutImgpan()',1);
		}
	}
	else{
			panEl.style.display = 'none';
	}
}

function remImgContent(){
	if(document.getElementById){
		panEl = document.getElementById(imgPanDivId);
		imgEl = document.getElementById(imgHolderDivId);
		if(panEl != undefined && imgEl != undefined){
			while(imgEl.hasChildNodes()){
				imgEl.removeChild(imgEl.firstChild);
			}
			//panEl.style.visibility = 'hidden';
		}
	}
}
function hideImg(){
	if(activeTimeout!=0)
		window.clearTimeout(activeTimeout);
	slideoutImgpan();
}