var opaque = false;



function toggleImage(src, title, row, col, size)

{

	if(size == undefined)

	{

		size = 569;

	}

	var h = document.getElementById("toggleImg-window");

	var header = h.getElementsByTagName("div")[0];

	var LayPic = document.getElementById("toggleImg-window-picture");

	var LayText = document.getElementById("toggleImg-window-text");

	header.style.width = size + 'px';   

	h.style.width = size + 20 + 'px';

	if(LayPic.getElementsByTagName("img")[0])

	{  

		var oImg = LayPic.getElementsByTagName("img")[0];

		LayPic.removeChild(oImg);

		if (LayPic.getElementsByTagName("div")[0])

		{

			var oPara = LayPic.getElementsByTagName("div")[0];

			LayPic.removeChild(oPara);

		}

	}

	var oImg = document.createElement("img");

	LayPic.appendChild(oImg);    

	oImg.setAttribute("src", src);

	oImg.setAttribute("alt", title);

	ele = h.getElementsByTagName("h5")[0];

	ele.innerHTML = title;

	if(document.getElementById("articleMainImageDesc_"+row+"_"+col))

	{

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

		LayText.appendChild(oDesc);

		eleDesc = LayText.getElementsByTagName("div")[0];

		eleDesc.innerHTML = document.getElementById("articleMainImageDesc_"+row+"_"+col).innerHTML;

	}



	toggleOpaque("toggleImg-window");

}



function toggleOpaque(div, position)

{

	if(!document.getElementById("bgOpaque"))

	{

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

		oDivOpaque.setAttribute("id", "bgOpaque");

		var ele = document.getElementsByTagName("body")[0].appendChild(oDivOpaque);

	}

	var ele = document.getElementById("bgOpaque");	

	if(!opaque)

	{

		ele.style.width = document.body.scrollWidth;

		ele.style.height = document.body.scrollHeight;

		setOpacity(ele, 0, true);

		ele.style.display = "block";

		fadeIn("bgOpaque", 0, 60, 10);

		opaque = true;

		if(position != "rel")

		{

			setPosition(div);

		}

		ele.onclick = function() {

			closeWindow(div);

		}

	}

	else

	{

		fadeOut("bgOpaque", 60, 0, 10);

		opaque = false;

	}

}



function fadeIn(objId, opacity, maxOpacity, transitionTime)

{

	obj = document.getElementById(objId);

	if (opacity <= maxOpacity) {

		setOpacity(obj, opacity, false);

		opacity += transitionTime;

		window.setTimeout("fadeIn('"+objId+"',"+opacity+","+maxOpacity+","+transitionTime+")", 50);

	}

}



function fadeOut(objId, opacity, minOpacity, transitionTime)

{

	obj = document.getElementById(objId);

	if (opacity >= minOpacity) {

		setOpacity(obj, opacity, false);

		opacity -= transitionTime;

		window.setTimeout("fadeOut('"+objId+"',"+opacity+","+minOpacity+","+transitionTime+")", 50);

	}

	else

	{

		obj.style.display = "none";

		DisableOff = 0;

	}

}



function setOpacity(obj, opacity, notDisplay)

{

	if (opacity < 90)

	{

		obj.style.filter = "alpha(opacity:"+opacity+")" ;

	}

	else

	{

		obj.style.filter = "";

	}



	obj.style.KHTMLOpacity = opacity/100;

	obj.style.MozOpacity = opacity/100;

	obj.style.opacity = opacity/100;



	if(notDisplay)

		obj.style.display = "none";

}



function setPosition(div)

{

	var ele = document.getElementById(div);

	ele.style.display = "block";

//	var w = document.body.scrollWidth;

	var w = document.body.clientWidth;

	var h = document.body.scrollHeight;

	var divWidth = ele.clientWidth;

	var divHeight = ele.clientHeight;

	ele.style.position = "absolute";

	var posX = w/2 - divWidth/2;

//	var dsoctop = document.all? document.documentElement.scrollTop : pageYOffset;

	var dsoctop = document.body.scrollTop;

	ele.style.left = posX + "px";

	ele.style.top = dsoctop + 50 + "px";

}



function closeWindow(div)

{

	divEl = document.getElementById(div);

	divEl.style.display = "none";

	toggleOpaque(div);

}