function scrolltop()
{
var bodyHeight = document.body.clientHeight;
var screenHeight = document.documentElement.clientHeight;
var screenWidth =  document.documentElement.clientWidth;
var scrollHeight = document.documentElement.scrollTop;

PopUpDiv.style.top = ((screenHeight - PopUpDiv.offsetHeight)/2 + scrollHeight) +"px";
PopUpDiv.style.left = ((screenWidth - PopUpDiv.offsetWidth)/2) +"px";
timer=setTimeout("scrolltop()",10)
}

function stoptimer()
{
clearTimeout(timer)
}


var Div1 = document.createElement("DIV");
Div1.id = "imagethumb"
document.body.appendChild(Div1);

var IMG1 =  document.createElement("IMG");
IMG1.setAttribute("src", "");
IMG1.id = "thumbimgs"
document.getElementById("imagethumb").appendChild(IMG1);

var Div5 = document.createElement("DIV");
Div5.id= "formsDraw"
Div5.name= "formsDraw"
document.getElementById("imagethumb").appendChild(Div5);

var Div3 = document.createElement("DIV");
Div3.className = "footerbar"
Div3.id= "CloseFormD"
Div3.name= "CloseFormD"
Div3.innerHTML="&#1505;&#1490;&#1493;&#1512; X"
document.getElementById("imagethumb").appendChild(Div3);

var Div2 = document.createElement("DIV");
Div2.id = "overlay"
document.body.appendChild(Div2);


var PopUpDiv =document.getElementById("imagethumb");
var OverLay =  document.getElementById("overlay");


function IsIE()
{
	
xp= navigator.appVersion

return (xp.substr(17,8)=="MSIE 6.0" );

}

function HidePopupDiv()
{

if (IsIE())
{
var pagelinks = document.getElementsByTagName("select")
for (var i=0; i<pagelinks.length; i++){ pagelinks[i].style.visibility = "visible" }
}

}

function ShowPopupDiv()
{
	if (document.getElementById('Flsh') != null) { 	document.getElementById('Flsh').style.visibility ='hidden' }

if (!IsIE())
{

return;

}

var pagelinks = document.getElementsByTagName("select")
for (var i=0; i<pagelinks.length; i++){ pagelinks[i].style.visibility = "hidden" }

}

function opacity(y) {
	if (y == "") { document.getElementById("thumbimgs").style.display = "none"
	document.getElementById("formsDraw").style.display = ""}
	else { document.getElementById("thumbimgs").style.display = "" 
	document.getElementById("formsDraw").style.display = "none"}
document.getElementById("thumbimgs").src  = "/images/galery/" + y
var bodyHeight = document.body.clientHeight;
var screenHeight = document.documentElement.clientHeight;
var screenWidth =  document.documentElement.clientWidth;
var scrollHeight = document.documentElement.scrollTop;

document.getElementById('CloseFormD').onclick  = function () { hideImg(); } 
if (y != "") {
document.getElementById('imagethumb').onclick  = function () { hideImg(); } 
}
else
{
document.getElementById('imagethumb').onclick  = function () {  } 
}
	
scrolltop()
	
	
PopUpDiv.style.top = ((screenHeight - PopUpDiv.offsetHeight)/2 + scrollHeight) +"px";
PopUpDiv.style.left = ((screenWidth - PopUpDiv.offsetWidth)/2) +"px";



if (screenHeight > bodyHeight){ 
OverLay.style.height = screenHeight + "px";
}else  {
OverLay.style.height = bodyHeight + "px";	
} 
if (OverLay.style.height  == ""){
OverLay.style.height = "100%"
}
OverLay.style.visibility = "visible"
PopUpDiv.style.visibility = "visible"

    //speed for each frame

	var opacStart = 0;
	var opacEnd = 100;
	var millisec = 500;
    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 + ")",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ")",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity) {
    var object = PopUpDiv.style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")";
}
function hideImg (){
	HidePopupDiv();
	stoptimer();
	document.getElementById("thumbimgs").src ="" 
var object = PopUpDiv.style;
    object.opacity = 0;
    object.MozOpacity = 0;
    object.KhtmlOpacity = 0;
    object.filter = "alpha(opacity=0)";
	OverLay.style.visibility = "hidden"
	object.top = "-2000px";
	object.left = "-2000px";
	
	if (document.getElementById('Flsh') != null) { document.getElementById('Flsh').style.visibility ='visible' }
}



