var isIE;
Event.observe(window, 'load', 
  function() {
		
		if(document.all && navigator.userAgent.indexOf('Opera')==-1) {//fkn explorer
		  isIE = true;      	
		} else {
		  isIE = false;      	
		}
		//alert($('trigger_2').offsetLeft);
		if($('trigger_2')!=null) {
			triggerOffsetX = (isIE)?(getPositionedOffset('trigger_2')[0]):($('trigger_2').offsetLeft);
			//triggerOffsetX = $('trigger_2').offsetLeft;
		}
		if($('modify_cart')!=null) {
			Event.observe($('modify_cart'), 'click', showCart.bindAsEventListener(window));
		}
  }
);

function getPositionedOffset(id) {
	var element = $(id);
	var valueT = 0, valueL = 0;
	do {
	  valueT += element.offsetTop  || 0;
	  valueL += element.offsetLeft || 0;
	  element = element.offsetParent;
	  if (element) {
	    if (element.tagName == 'BODY') break;
	    var p = Element.getStyle(element, 'position');
	    if (p !== 'static') break;
	  }
	} while (element);
	return [valueL,valueT];
}

var inProgress;
function showCart(event) {
  if (!event) {
    event = window.event;
  }
	if($('big_cart')==null) {
		alert ('Missing Cart');
	}
	if(!inProgress) {
		inProgress = true;
		$('big_cart').style.left = (Event.pointerX(event)-580)+'px';
		$('big_cart').style.top = Event.pointerY(event)+'px';
		//new Effect.Appear('big_cart',{duration: 1,afterFinish: function () { inProgress = false; } });
		$('big_cart').style.display = 'block';inProgress = false;
	}
}

function closeCart() {
	if($('big_cart')!=null && $('big_cart').style.display != 'none' && !inProgress) {
		inProgress = true;
		new Effect.Fade('big_cart',{duration: 0.1,afterFinish: function () { inProgress = false; } });
	}
}

var wn;
function winopen(siteval,parameters) {
  if (!parameters) parameters='Resizable=yes,height=800,width=650,top=100,left=400,scrollbars=1';
  var splitter = '?';
  if(siteval.indexOf(splitter)!=-1) splitter = '&';
  siteval +=splitter+'is_popup=yes' ;
  if(!wn || wn.closed) {
  wn = window.open(siteval,'',parameters);
  if(!isIE) wn.focus();
  } else {
  wn.location = siteval;
  if(!isIE) wn.focus();
  }
  return false;
}
 
function showMenu(event) {
  if (!event) {
    event = window.event;
  }
  //alert(Event.pointerX(event)+'---'+Event.pointerY(event));
  var args = $A(arguments);
  args.shift();
  $('menu_'+args[0]).style.left = triggerOffsetX+'px';
  $('menu_'+args[0]).style.display = 'block';
}

function hideMenu(event) {
  if (!event) {
    event = window.event;
  }
  var args = $A(arguments);
  args.shift();
  
  var parentOffsetX = Math.round((document.body.clientWidth-$('mainWrapper').clientWidth)/2);
  var parentOffsetY = 0;

  //console.debug('Left-Top:'+(parentOffsetX+$('menu_'+args[0]).offsetLeft)+'---'+(parentOffsetY+$('menu_'+args[0]).offsetTop)+'  Right Bottom:'+(parentOffsetX+$('menu_'+args[0]).offsetLeft+$('menu_'+args[0]).clientWidth)+'---'+(parentOffsetY+$('menu_'+args[0]).offsetTop+$('menu_'+args[0]).clientHeight));
  //console.debug(Event.pointerX(event)+'---'+Event.pointerY(event));
  //console.debug($('topWrapper').clientWidth+'---'+$('topWrapper').clientHeight);
  //console.debug(document.body.clientWidth+'---'+document.body.clientHeight);
  
  if(Event.pointerX(event)>=(parentOffsetX+$('menu_'+args[0]).offsetLeft) && 
     Event.pointerY(event)>=(parentOffsetY+$('menu_'+args[0]).offsetTop) && 
     Event.pointerX(event)<=(parentOffsetX+$('menu_'+args[0]).offsetLeft+$('menu_'+args[0]).clientWidth) && 
     Event.pointerY(event)<=(parentOffsetY+$('menu_'+args[0]).offsetTop+$('menu_'+args[0]).clientHeight) ) {
    return; //mouse still in menu area
  }
  $('menu_'+args[0]).style.display = 'none';
}