/******************************************
* Popup Box- By Jim Silver @ jimsilver47@yahoo.com
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/




var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp





	


////drag drop functions end here//////

function hideFlyout(){
crossobjFly=ns6? document.getElementById("showimageFly") : document.all.showimageFly
if (ie4||ns6)
crossobjFly.style.visibility="hidden"
else if (ns4)
document.showimageFly.visibility="hide"
document.getElementById('flyout').innerHTML="\n"+ 
"<div id='showimageFly' style='position:relative; width:540px; z-index:200; '>\n"+
"</div>\n"+
"";
}
function showbox(){
crossobjFly=ns6? document.getElementById("showimageFly") : document.all.showimageFly
if (ie4||ns6)
crossobjFly.style.visibility="visible"
else if (ns4)
document.showimageFly.visibility="show"
}

function flyoutDiv(imageName,imageProp,setX,coOrdinates,padDing)
{
	
	
	var newImage = imageProp;
	var newCoordinates = coOrdinates;
	var newPadding = padDing;
	
	document.getElementById('flyout').innerHTML="\n"+ 
			"<div id='showimageFly' style='position:relative; width:420px; height:92px;\n"+
				
				" " + newCoordinates + "\n"+
			
			" z-index:200; background-repeat:no-repeat;\n"+
				
				" " + newPadding + "\n"+
			
			" padding-top:44px; line-height:12px; margin:0px; vertical-align:top; text-align:left;'>\n"+
				"<table border='0' width='435' cellspacing='0' cellpadding='0' border='0'>\n"+
				  "<tr>\n"+
					"<td width='435' style='height:92px; text-align:left; vertical-align:top; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:14px; font-weight:bold;'>\n"+
				
				"<!-- PUT YOUR CONTENT BETWEEN HERE -->\n"+
				
				" " + newImage + "\n"+
				
				"<!-- END YOUR CONTENT HERE -->\n"+
				
					"</td>\n"+
					"</tr>\n"+
				"</table>\n"+
			"</div>\n"+
		"";
	
	var obj = document.getElementById(imageName);
			var posX = obj.offsetLeft;var posY = obj.offsetTop;
			while(obj.offsetParent){
				posX=posX+obj.offsetParent.offsetLeft;
				posY=posY+obj.offsetParent.offsetTop;
				if(obj==document.getElementsByTagName('body')[0]){break}
				else{obj=obj.offsetParent;}
			}
		
	var newX = setX;
	var newY = posY;
	
	function moveIt()
	{
		var obj = document.getElementById('add_element');
		var obj2 = document.getElementById('flyout');
		obj2.style.top = newY + 'px';
		obj2.style.left = newX + 'px';
		//alert(posX+'-'+posY)
	}
	moveIt();

}