// bottom nav button effect
$(document).ready( function() {
	$(".bottom_nav_button").hover( function() {
		$(this).css("opacity", "0.85");
		$(this).css("MozOpacity", "0.85");
		$(this).css("KhtmlOpacity", "0.85");
		$(this).css("filter", "alpha(opacity=85)");
	}, function() {
		$(this).css("opacity", "1.0");
		$(this).css("MozOpacity", "1.0");
		$(this).css("KhtmlOpacity", "1.0");
		$(this).css("filter", "alpha(opacity=100)");
	});
});

// screen dimension and size related
function getWidth() {
  return document.documentElement.scrollWidth;
}
function getHeight() {
  return document.documentElement.scrollHeight;
}
function getTop() {
  var scrOfY=0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    scrOfY = window.pageYOffset;
  } else if( document.body && document.body.scrollTop ) {
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && document.documentElement.scrollTop ) {
    scrOfY = document.documentElement.scrollTop;
  }
  return scrOfY;
}
function getBottom() {
  var scrOfY=0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    scrOfY = window.pageYOffset;
  } else if( document.body && document.body.scrollTop ) {
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && document.documentElement.scrollTop ) {
    scrOfY = document.documentElement.scrollTop;
  }
  return scrOfY+document.documentElement.clientHeight;
}
function getLeft() {
  var scrOfX=0;
  if( typeof( window.pageXOffset ) == 'number' ) {
    scrOfX = window.pageXOffset;
  } else if( document.body && document.body.scrollLeft ) {
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && document.documentElement.scrollLeft ) {
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfX;
}
function getRight() {
  var scrOfX=0;
  if( typeof( window.pageXOffset ) == 'number' ) {
    scrOfX = window.pageXOffset;
  } else if( document.body && document.body.scrollLeft ) {
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && document.documentElement.scrollLeft ) {
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfX+document.documentElement.clientWidth;
}

// floating description functions
$(document).ready(function(){
  $("span.span-left").mouseover(function(){
    var temp = $(this).attr('id').substring(8);
    $("div#p_description_"+temp).show();
  });
  $("span.span-left").mouseout(function(){
    $(".bakery-product-detail").hide();
  });
  $("span.span-left").mousemove(function(e){
    var temp = $(this).attr('id').substring(8);
    var position = calculate(e,"#p_description_"+temp);
    $("#p_description_"+temp).css("left",(position[0])+"px").css("top",(position[1])+"px");
  });
});

function calculate(e,elem){
  var left = 0;
  var right = document.documentElement.clientWidth;
  var top = 0;
  var bottom = document.documentElement.clientHeight;
  var mouse_x = parseInt(e.pageX);
  var mouse_y = parseInt(e.pageY);
  var width = parseInt($(elem).css("width"));
  var height = parseInt($(elem).css("height"));
  var for_ie = document.getElementById(elem.substring(1));
  if(for_ie){
    width = parseInt(for_ie.clientWidth);
    height = parseInt(for_ie.clientHeight); 
  }
  var ret = new Array();
  if(mouse_x-getLeft()>getRight()-mouse_x) ret[0] = mouse_x-width-5;
  else ret[0] = mouse_x+5;
  if(mouse_y-getTop()>getBottom()-mouse_y) ret[1] = mouse_y-height-5;
  else ret[1] = mouse_y+5;
  if(ret[1]<getTop()) ret[1] = getTop();
  else if(ret[1]+5+height>getBottom()) ret[1] = getBottom()-height;
  return ret;
}

// cart related
$(document).ready(function(){
  $(".qty_box").change(function(){$("#cart_form .cart_update").click();});
  $(".delivery_button").click(function(){$("#cart_form .cart_update").click();});
});