<!--

function anim(ximg) {
 var obj = document.getElementById("pimage");
 var obj2 = document.getElementById("preview");
 obj.src = "ceramics/" + ximg + ".jpg";
 changeOpac(0,"preview");
 obj2.style.display = "block";
 opacity("preview",0,90,600);
}

function setVisible(objContainer,status) {
 var obj = document.getElementById(objContainer);
 obj.style.display = status;
}

 function setVisible4(objContainer,status) {
	var obj = document.getElementById(objContainer);
	// alert(obj.style.display);
	if (obj.style.display == "none") {
	 obj.style.display = status;
	 changeOpac(100,'popup');
	 mytime=setTimeout("setVisible5()",5000);
     // opacity('popup', 0, 98, 1000);
	}
 }
 
 function setVisible5(){
 	opacity("popup",98,0,1000);
 	mytime=setTimeout("fnVisible('popup')",1000);
 	mytime2=setTimeout("setVisible6()",1000);
  }
  
 function setVisible6(){
   var obj = document.getElementById("popup"); 
   obj.style.display = "none";
 }

function fadein(objContainer){
 var obj = document.getElementById(objContainer);
 changeOpac(0,objContainer);
 obj.style.display = "block";
 opacity(objContainer,0,95,300);
}

function fadeout(objContainer){
 opacity(objContainer,95,0,300);
 mytime=setTimeout("fadeout2('" + objContainer + "')",300);
}

function fadeout2(objContainer){
 var obj = document.getElementById(objContainer);
 obj.style.display = "none";
}


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

// -->