// check browser type (used to hide/show layers)
// TO DO: write a complete browser sniffer 
var ns4 = (document.layers)? true:false;
var ie4 = (document.all)? true:false;

////////////////////////////
// fctGetDate
// Generate current time
// Weekday, Month,day,Year
////////////////////////////
function fctGetDate()
{
	var mydate=new Date()
	var theYear=mydate.getFullYear()
	var day=mydate.getDay()
	var month=mydate.getMonth()
	var daym=mydate.getDate()
	if (daym<10)
	daym="0"+daym
	var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
	var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
	var full_date = dayarray[day]+", "+montharray[month]+" "+daym+", "+theYear
	return full_date	
}


///////////////////////////////////////////////
// fctShow
// Make layer visible
///////////////////////////////////////////////
function fctShow(id) 
{
	if (ns4)
    	document.layers[id].visibility = "show"
    else if (ie4) 
      	document.all[id].style.visibility = "visible"
}

///////////////////////////////////////////////
// fctShowText
// id = layer name
// text = text to fill layer on mouseover
///////////////////////////////////////////////

function fctShowText(id,text) 
{
	if (ns4)
	{
     	var lyr = document.layers[id].document
		lyr.open()
       	lyr.write(text)
       	lyr.close()
  	}
    else if (ie4) document.all[id].innerHTML = text
}


///////////////////////////////////////////////
// fctHide
// Make layer hidden
///////////////////////////////////////////////
function fctHide(id) 
{
        if (ns4) document.layers[id].visibility = "hide"
        else if (ie4) document.all[id].style.visibility = "hidden"
}

function showPositionNew(id)
{
	var llngShiftDown;
	var llngBarHeight = 21;  //22
	var llngButtonLeft = 3;  //5
	var menu = pageXY(id);
	
	llngShiftDown = menu.y;
	llngShiftDown += llngBarHeight;

	// Pro Tool & Supplies
	document.all["menuProTool"].style.top = llngShiftDown
	document.all["menuProTool"].style.left = document.all["protool"].offsetLeft-llngButtonLeft;
	
	// Pro Equipment
	document.all["menuProEquip"].style.top = llngShiftDown;
	document.all["menuProEquip"].style.left = document.all["proequip"].offsetLeft-llngButtonLeft;
	
	// Pro Cut
	document.all["menuProCut"].style.top = llngShiftDown;
	document.all["menuProCut"].style.left = document.all["procut"].offsetLeft-llngButtonLeft;
	
	// Brokk Pros
	document.all["menuBrokkPro"].style.top = llngShiftDown;
	document.all["menuBrokkPro"].style.left = document.all["brokkpros"].offsetLeft-llngButtonLeft;
	
	//alert("The element is at (" + document.all["menuBar"].offsetLeft + "," + document.all[id].offsetTop + ")\n" + "The offset parent is " + document.all[id].offsetParent.tagName );
}

function pageXY( id)
{
  var x,y,obj;

  obj= document.getElementById( id);
  for( x=0,y=0; obj; obj = obj.offsetParent)
  { x +=  obj.offsetLeft;
    y +=  obj.offsetTop;
  }
  return {x: x, y: y};
}