// make div appear
var pubMenuPos = new Array();
var pubMenu = document.getElementById("pub_menu");

	
// set initial conditions
pubMenuPos[0] = 200;
pubMenuPos[1] = 300; // these store the current menu pos


if(pubPage)
pubMenuAppear()




function pubMenuAppear()
{
 // this function makes the 
 // pub menu appear 
 // and determine if
 // translucent or not 
 // depending on meouse coords
 
 // default setting
 pubPage=false;
 
 pubMenu.style.top = pubMenuPos[0];
 pubMenu.style.left = pubMenuPos[1];
 pubMenu.style.visibility = "visible";
 
 // set opacity to 0.7
 pubMenu.style.filter="alpha(opacity=70)";
 pubMenu.style.mozOpacity="0.7";
 pubMenu.style.khtmlOpacity="0.7";
 pubMenu.style.opacity="0.7";
} 
 // on mouse move detect location
 var IE = document.all?true:false;
 if (!IE) 
	document.captureEvents(Event.MOUSEMOVE);

 var tempX = 0;
 var tempY = 0;

 document.onmousedown=startDrag;
 document.onmousemove = function(e)
 {
  ///////////////////////////////////////////////////////////////////////
	// checkif coords are in the array
	// make the div full opacity
	if (IE) 
	{
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	}
	else 
	{ 
		tempX = e.pageX;
		tempY = e.pageY;
	}
	  
	if (tempX < 0)
		tempX = 0;
		
	if (tempY < 0)
		tempY = 0;
		
	// check if hovered over the div
	if(
		tempX>=pubMenuPos[0]+90
		&&tempX<=pubMenuPos[0]+450
		&&tempY>=pubMenuPos[1]-100
		&&tempY<=pubMenuPos[1]+100
		)
		{
			// set opacity to 0.7
 			pubMenu.style.filter="alpha(opacity=100)";
 			pubMenu.style.mozOpacity="1.0";
 			pubMenu.style.khtmlOpacity="1.0";
 			pubMenu.style.opacity="1.0";
		}
		else
		{
			pubMenu.style.filter="alpha(opacity=70)";
			pubMenu.style.mozOpacity="0.7";
			pubMenu.style.khtmlOpacity="0.7";
			pubMenu.style.opacity="0.7";
 		}	
		/////////////////////////////////////////////////////////////////
		if(pubDrag==true)
	 	{
	 		if(!e)
				e = window.event;
	 	 	// move div element
   			targ.style.left = parseInt(coordX+e.clientX-offsetX)+'px';
   			targ.style.top = parseInt(coordY+e.clientY-offsetY)+'px';
		}
	
	}
	document.onmouseup=function(e)
	{if(pubDrag==true)
	{
			
			if(!e)
			var e = window.event;
			targ.style.left = parseInt(coordX+e.clientX-offsetX)+'px';
   			targ.style.top = parseInt(coordY+e.clientY-offsetY)+'px';
			if(targ.id=='pub_menu')
			{
				pubMenuPos[0]=parseInt(targ.style.left)-90;
				pubMenuPos[1]=parseInt(targ.style.top)+100;
				
				}pubDrag=false
			
			
		}	
			
	}
   	

 
function startDrag(e)
{
if(!e)
			var e = window.event;
			targ = e.target?e.target:e.srcElement;

if(pubDrag==false&&targ.id=="drag_icon")
{
pubDrag=true

	// determine event object
	if(!e)
		var e = window.event;
		
	// determine target element
	

 	if(targ.id!="drag_icon")
		return;
 	// calculate event X,Y coordinates
     offsetX = e.clientX;
     offsetY = e.clientY;
	
	//chenge to parent node
	targ = document.getElementById(targ.parentNode.parentNode.id);
	
	// assign default values for top and left properties
	 if(!targ.style.left)
		targ.style.left = pubMenuPos[0];
	 if(!targ.style.top)
	 	targ.style.top = pubMenuPos[1];
		
 	// calculate integer values for top and left properties
     coordX = parseInt(targ.style.left);
     coordY = parseInt(targ.style.top);
  	
}
}