var fade=100;
var newSrc;
var newImg;
var newTitle;
var newHeight;
var newWidth;
function fadeOut(){
    window.clearTimeout(timeoutID);
    if (fade>=0){
        if(document.all)
	        document.getElementById("imgLarge").filters[0].opacity=fade;
	    else
	       document.getElementById("imgLarge").style.MozOpacity=fade/100;
	    document.getElementById("imgLarge").style.opacity=fade/100;
        fade=fade-10;
	    timeoutID=window.setTimeout("fadeOut()",20);
	}else{
        loaded=false;
        document.getElementById("divImgLarge").style.width=newWidth+"px";
        document.getElementById("divImgLarge").style.height=newHeight+"px";
        document.getElementById("imgLarge").src=newSrc;
	    newImg=new Image();
	    newImg.src=newSrc;
        document.getElementById("imgLarge").style.display="none";
        document.getElementById("imgLoading").style.display="inline";
        fadeIn();
	}
}
var timeoutID;
var loaded=false;
function fadeIn(){
    window.clearTimeout(timeoutID);
    if(newImg.complete && !loaded){
        loaded=true;
        document.getElementById("imgLarge").style.display="block";
        document.getElementById("imgLarge").style.height=newHeight;
        document.getElementById("imgLoading").style.display="none";
        //document.getElementById("imgTitle").innerHTML=newTitle;
        //if(newTitle!="")
           // document.getElementById("imgTitle").style.backgroundColor="#F2F2F2";
        fade=0;
    }
    if(fade<=100 && loaded){
        if(document.all)
            document.getElementById("imgLarge").filters[0].opacity=fade;
        else
            document.getElementById("imgLarge").style.MozOpacity=fade/100;
        document.getElementById("imgLarge").style.opacity=fade/100;
        fade=fade+10;
    }else{
        window.clearTimeout(timeoutID);
    }
	timeoutID=window.setTimeout("fadeIn()",20);
}

function chgImg(imgSrc,title,width,height){
	document.getElementById("imgTitle1").style.display="none";
	document.getElementById("imgTitle2").style.display="none";
	document.getElementById("imgTitle3").style.display="none";
	document.getElementById("imgTitle4").style.display="none";
	document.getElementById("imgTitle5").style.display="none";
	document.getElementById("imgTitle6").style.display="none";
	document.getElementById("imgTitle7").style.display="none";
	document.getElementById("imgTitle8").style.display="none";
    document.getElementById("imgTitle"+title).style.display="block";
    
    window.setTimeout("fadeOut()",20);
    newSrc=imgSrc;
    newTitle=title;
    newHeight=height;
    newWidth=width;
}