$(function () { 

		if ( window.location.hash != '' ) {
			ShopProductContent( window.location.hash );
		}

		$('input[type=submit].cart-add').click( function () {
				var quantity = $(this).prev().prev().val();
				var sku_id = $(this).prev().val();
				$.post( '/shop_rpc', { "cart_add": sku_id, "quantity": quantity }, function() { 
							ShopCartDraw();
					}); 

				return false; 
			});

	}); 

function ShopProductContent ( url ) {

	if ( url.substring ( 0, 1 ) == '#' ) {
		url = url.substring ( 1 );
	}
	
	$('#shop-content').fadeOut ( function() { 
			window.location.hash = url;
			url = '/shop/rpc/' + url;
			$('#shop-content').load( url, false, function () { 
					$('#shop-content').fadeIn(); 	

					$('#thumbImage').click(function() { 
							var url = $('#thumbImage').attr('rel');
							var html = '<a href="' + url + '" onclick="$.unblockUI(); return false;"><img src="' + url + '" /></a>';
							$.blockUI({ css: { left: ( (screenWidth()/2) - 320), width: '640px', height: '480px' }, message: html }); 
						}); 

					$('#shop-product-meta ul li a').click( function( el ) { 
							$(this).blur();
							var r = $(this).attr('rel').split('|');;
							var thumb = r[0];
							var zoom = r[1];
							var title = r[2];
							$('#thumbImage').css('background', 'url(' + thumb + 'x220y220) top center no-repeat' );
							$('#thumbImage').attr ( 'rel', zoom );
							$('#thumbImage span').html( title );
							return false;
						}); 
				}); 
		}); 

	$('#shop-sidebar ul.shop-sidebar-categories li a').blur();

	return false;

}

function ShopCartAdd( skuID ) {

	var quantity = $('#ShopCartQuantity'+skuID).val();

	var s = '<a href="/shop_rpc?cart_remove=' + skuID + '" onclick="ShopCartRemove(' + skuID + '); return false;" class="shop-product-cart-remove"><span>Remove from Cart</span></a>';
	$('#ShopCartControl'+skuID).html(s);

	$.ajax({ url: '/shop_rpc?cart_add=' + skuID + '&quantity=' + quantity, complete: function() { 
				ShopCartDraw();
			} }); 

	return false; 

}

function ShopCartRemove( skuID ) {
	var s = '';
	s += '<input type="text" class="shop-product-quantity" id="ShopCartQuantity' + skuID + '" name="ShopCartQuantity' + skuID + '" value="1" size="2" />';
	s += '<input type="button" class="shop-product-add" value="Add to Cart" onclick="ShopCartAdd(' + skuID + '); return false;">';

	$('#ShopCartControl'+skuID).html(s);
	$.ajax({ url: '/shop_rpc?cart_remove=' + skuID, complete: function() { 
				ShopCartDraw();
			} }); 
	return false; 
}
	
function ShopCartDraw() {
	$('#ShopCartMini').load('/shop_rpc?html=cart_mini&show_checkout=1');
}