//fades layer in and out
ie5  = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
current = 0;

var layer = document.createElement("div");

layer.id="layer";
layer.style.width = "100%";
layer.style.height = "2000px";
layer.style.backgroundColor = "#000000";
layer.style.position = 'relative';
layer.style.top = "0";
layer.style.left = "0";
layer.style.zIndex = 10;

var frameDiv = document.createElement("div");
frameDiv.style.width = "860px";
frameDiv.style.height = "660px";
frameDiv.style.backgroundColor = "#ffffff";
frameDiv.style.margin = "20px 20px 100px 20px";
frameDiv.style.position = "absolute";
frameDiv.style.left = "20px";
frameDiv.style.top = "20px";
frameDiv.style.zIndex = 20;

var imageframe = document.createElement("iframe");
imageframe.style.width = "850px";
imageframe.style.height = "650px";
imageframe.style.border = "0";
imageframe.border = "0";
imageframe.frameBorder = "0";
imageframe.style.margin = "5px";

frameDiv.appendChild(imageframe);

var i = 0;

function fadelayer(){
    if(i<50){
        i++;
        layer.style.filter = "alpha(opacity="+i+")";
        layer.style.MozOpacity = "0."+i;
	 setTimeout('fadelayer()', 100);
    }else{
        i = 50;
    }
}

function openGallery(category, imageid){
    document.getElementById("jsWorkspace").appendChild(layer);
    document.getElementById("jsWorkspace").appendChild(frameDiv);
    imageframe.src = "index.php?id="+pidsingle+"&tx_tagalleries_pi1[category]="+category+"&tx_tagalleries_pi1[image]="+imageid;
}

function closeGallery(){
    document.getElementById("jsWorkspace").removeChild(layer);
    document.getElementById("jsWorkspace").removeChild(frameDiv);
}