var imageviewer;
var imageName;
var image;
var synchronize = false;
var loading;
var distanceFromRoot;
function openImageViewer(newName, backDirs){
	if (!synchronize){
		synchronize = true;
		distanceFromRoot = backDirs;
		imageName = newName;
		loading = "images/site/loading.gif";
		if(imageviewer == null || imageviewer.closed){
			posY = 100;
			posX = 20;
			if (window.showModelessDialog){
				imageviewer = window.showModelessDialog(distanceFromRoot +"image.html", "Image Viewer", "dialogLeft:"+posX+";dialogTop:"+posY+";dialogWidth:250px;dialogHeight:395px;status:yes;scroll:no");
				windowLoaded();
			}else{
				imageviewer = window.open(distanceFromRoot +"image.html", null, "left="+posX+",top="+posY+",width=250, height=355,modal=yes, toolbar=no, status=yes, location=no");
				imageviewer.onload = windowLoaded;
			}
		}else{
			windowLoaded();
		}
		synchronize = false;
	}
}
function windowLoaded(){
    
    imageviewer.document.images["main"].src = loading;
	imageviewer.status = "Loading new image please be patient....";
	image = new Image();
	image.onload = updateImage;
	image.src = distanceFromRoot+imageName;
}
function updateImage(){
    imageviewer.document.images["main"].src = imageName;
	if (imageviewer.innerWidth){
        iwidth = imageviewer.innerWidth;
		iheight = imageviewer.innerHeight;
    	imageviewer.resizeBy(image.width - iwidth, image.height - iheight);
	}else{
		dheight = parseInt(imageviewer.dialogHeight) - imageviewer.document.body.clientHeight;
		dwidth = parseInt(imageviewer.dialogWidth) - imageviewer.document.body.clientWidth;
        imageviewer.dialogWidth = "" + (image.width + dwidth) + "px";
		imageviewer.dialogHeight = "" +(image.height + dheight) + "px";
	}
	imageviewer.status = "Done";
}
function swap(img, src){
if (document.images) {
document.images[img].src = src;
}
}