var $j = jQuery.noConflict();
$j(document).ready(function()
{
	$j("#estimate_shipping").click(function()	 {
		//figure center position to place the form. 
		//center = half the window width - half the div width
		var leftPos = (getWidth() * .5) - (parseInt($j("#shipping_matrix").css('width')) * .5);
		
		//vertical center, i figure about 20% from the top + whatever they scrolled
		var scroll = getScrollXY();
		var topPos = (getHeight() * .20) + scroll[1]; //add the amount the user scrolled
		
		$j("#shipping_matrix").css({
			"position":"absolute",
			"top": topPos,
			"left": leftPos,
			"z-index":"2"
			});
		
		$j("#shipping_matrix").fadeIn("def", function() {
			$j("#shipping_matrix").stop(); //kills the animation once it's done
			});
	});
	
	$j("#close").click(function()	 {
		$j("#shipping_matrix").fadeOut("def", function() {
			$j("#shipping_matrix").stop(); 
			});
		 return false;
	});
});

//functions to get the width / height of browser window
function getWidth() {
  var myWidth = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
  return myWidth;
}
function getHeight() {
	var myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && (document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
     myHeight = document.documentElement.clientHeight;
  } else if( document.body && (document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}