window.onload = init;
window.onload = register;

var fadeOpacity  = new Array();
var fadeTimer    = new Array();
var fadeInterval = 15;  // milliseconds

	function checkDelType()
	{
		
		var edelType1 = document.getElementById('deltype1');
		var edelType2 = document.getElementById('deltype2');
		var edelType3 = document.getElementById('deltype3');
		var eErrorDiv = document.getElementById('deliveryerror');
		var eDate = document.getElementById('deliverydate');
		var eTime = document.getElementById('deliveryslot');
		
		if (document.getElementById('deltype2'))
		{
			if (edelType1.checked == false && edelType2.checked == false && edelType3.checked == false)
			{
				eErrorDiv.innerHTML = "Please select a delivery option";
				fade('delwindow',true);
				return false;
			}
		}
		else
		{
			if (edelType1.checked == false && edelType3.checked == false)
			{
				eErrorDiv.innerHTML = "Please select a delivery option";
				fade('delwindow',true);
				return false;
			}
		}
		//else if (edelType1.checked == false && edelType3.checked == false)
		//{
		//	eErrorDiv.innerHTML = "Please select a delivery type2";
		//	fade('delwindow',true);
		//	return false;
		//}
		
		if (edelType3.checked)
		{
			if (edelType3.value == "3" || edelType3.value == "000")
			{
				if (eDate.value == "")
				{
					eErrorDiv.innerHTML = "Please specify a delivery date";
					fade('delwindow',true);
					return false;
				}
			}
		
			if (edelType3.value == "000")
			{
				
				if(eTime.value == "")
				{
					eErrorDiv.innerHTML = "Please specify a delivery slot";
					fade('delwindow',true);
					return false;
				}
			}
		}
		
		document.delform.submit();		
		return false;
	}

	function submitenter(myfield,e)
	{
		var keycode;
		if (window.event) keycode = window.event.keyCode;
		else if (e) keycode = e.which;
		else return true;

		if (keycode == 13)
		   {
		   myfield.form.submit();
		   return false;
		   }
		else
		   return true;
	}

	function showimage(link, page, event){
		
		generateimagediv(event)
		fade('imagebox',true);
		document.getElementById('imagebox').style.visibility = 'visible';
		document.getElementById('imagetd').innerHTML = "<img style='cursor: pointer;' onClick=hidediv('imagebox') src='" + link + "'>";
		
	}


	function generateimagediv(event){
											
		var divStr = ""
				
		fromLeft = document.getElementById('divxpos').value;
		fromTop = document.getElementById('divypos').value;
		
		fromLeft = 150;
		fromTop = 15;
		//fromLeft = fromLeft - 100;
		//fromTop = fromTop - 400;
		
		divStr = divStr + "<div id='imagebox' class='imagebox' style='width: 450px; position:absolute;margin-left:" + fromLeft + "px;margin-top:" + fromTop + "px;'>";
		divStr = divStr + "<table cellpadding='0' cellspacing='0' class='imagetable' style='text-align: center; width: 100%'>";	
		divStr = divStr + "<tr>";
		divStr = divStr + "<td id='imagetd'></td>";
		divStr = divStr + "</tr>";
		divStr = divStr + "<tr>";
		//divStr = divStr + "<td align='center'><input class='imagebutton' type='button' onClick=hidediv('imagebox'); value='close' /></td>";	
		divStr = divStr + "<td align='center'><input onfocus=this.blur(); type=image onmouseover=this.src='/images/submitbuttons/ok_red.gif'; onmouseout=this.src='/images/submitbuttons/ok_white.gif'; src=/images/submitbuttons/ok_white.gif onClick=hidediv('imagebox');this.style.disabled=true; />";
		divStr = divStr + "</tr>";
		divStr = divStr + "<tr>";
		divStr = divStr + "<td>&nbsp;</td>";
		divStr = divStr + "</tr>";
		divStr = divStr + "</table>";
		divStr = divStr + "</div>";
		
		//alert(divStr);
		document.getElementById('imagewrapper').innerHTML = divStr;				
	
	}
	
	function hidediv(divID, buttonID){
	
		fade(divID,false);
		//document.getElementById(divID).style.visibility = "hidden";
		
	}
	
	function getCoordsWithinParent(emt,parent) {
		if(!emt || !parent) returnVal = false;
		else {
			parentCoords = getCoords(parent);
			emtCoords = getCoords(emt);
			returnVal = {
					x: emtCoords.x - parentCoords.x,
					y: emtCoords.y - parentCoords.y
				};
		}
		return returnVal;
	}
	
	function findPos(obj) {
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			do {
				curleft += obj.offsetLeft;
				curtop += obj.offsetTop;
			} while (obj = obj.offsetParent);
			return [curleft,curtop];
		}
	}
	
function init() {
  if (window.Event) {
    document.captureEvents(Event.MOUSEMOVE);
  }
  document.onmousemove = getXY;
}

function getXY(e) {
  x = (window.Event) ? e.pageX : event.clientX;
  y = (window.Event) ? e.pageY : event.clientY;
  
  divx = (window.Event) ? e.pageX : event.clientX;
  divy = (window.Event) ? e.pageX : event.clientX;
 
  document.getElementById("xpos").value = x;
  document.getElementById("ypos").value = y;
  document.getElementById("divxpos").value = x;
  document.getElementById("divypos").value = y;
}

function get(eid) {
	var d = document;
	var r = d.getElementById(eid);
	return r;
}

function showMouseXY(e) {
	if ('undefined' == typeof e) {
		e = window.event;
		var x = e.offsetX;
		var y = e.offsetY;
	}
	else {
		var d = get('container');
		var l = d.offsetLeft;
		var t = d.offsetTop;
		var x = e.clientX - l;
		var y = e.clientY - t;
	}
	document.getElementById('divxpos').value = x;
	document.getElementById('divypos').value = y;
	
	//alert('x=' + x + ' and y=' + y);
}

function register() {
	var d = get('container');
	if (!document.all) {
		d.addEventListener(
			"mouseover",
			showMouseXY,
			true
		)
	}
	else {
		d.attachEvent(
		"onmouseover",
		showMouseXY
		)
	}
}

function fade(o,d){
      
        // o - Object to fade in or out.
        // d - Display, true =  fade in, false = fade out
      
        var obj = document.getElementById(o);
      
        if((fadeTimer[o])||(d&&obj.style.display!='block')||(!d&&obj.style.display=='block'))
        {
      
          if(fadeTimer[o])
            clearInterval(fadeTimer[o]);
          else
            if(d) fadeOpacity[o] = 0;
            else  fadeOpacity[o] = 9;
        
          obj.style.opacity = "."+fadeOpacity[o].toString();
          obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";
          
          if(d)
          {
            obj.style.display = 'block';
            fadeTimer[o] = setInterval('fadeAnimation("'+o+'",1);',fadeInterval);
          }
          else
            fadeTimer[o] = setInterval('fadeAnimation("'+o+'",-1);',fadeInterval);
        }
	}
	
	function fadeAnimation(o,i)
      {
        // o - o - Object to fade in or out.
        // i - increment, 1 = Fade In

        var obj = document.getElementById(o);
        fadeOpacity[o] += i;
        obj.style.opacity = "."+fadeOpacity[o].toString();
        obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";

        if((fadeOpacity[o]=='9')|(fadeOpacity[o]=='0'))
        {
          if(fadeOpacity[o]=='0')
            obj.style.display = 'none';
          else
          {
            obj.style.opacity = "1";
            obj.style.filter  = "alpha(opacity=100)";
          }
      
          clearInterval(fadeTimer[o]);
          delete(fadeTimer[o]);
          delete(fadeTimer[o]);
          delete(fadeOpacity[o]);
        }  
      }