$(document).ready(
	function(){		
		
		var showCart = $.query.get('showCart');
		
		if (!showCart) $('.smallBasket').toggle();
		
		$('.showCart a').click(function(){
			$('.smallBasket').slideToggle();
			return false;			
		});
		
		$('.inspiration a').fancybox();
		
		$('.mainProductImage a').fancybox();
		
		$('#copyBilling').click(function(){
			
			$('#ShippingName').val($('#UserName').val());
			$('#ShippingAddressLine1').val($('#BillingAddressLine1').val());
			$('#ShippingAddressLine2').val($('#BillingAddressLine2').val());
			$('#ShippingTown').val($('#BillingTown').val());
			$('#ShippingCity').val($('#BillingCity').val());
			$('#ShippingPostcode').val($('#BillingPostcode').val());
			
			
			return false;			
		});
		
		var imgI = 1;
		$('.productImage').each(function(){
			
			prodId = $(this).attr('id');
			prodId = prodId.split('-')[1];
			
			imgURL = $(this).children('a:first').attr('rel');
			
			newHTML = '<a href="' + imgURL + '" class="bigger product-' + prodId + '" rel="product-' + prodId + '"><span>view bigger</span></a>';			
			$(this).append(newHTML);
			
			$('.product-' + prodId).fancybox();	
		});
		
		$('a.setWidth').click(function(){
		
			newWidth = parseInt($(this).attr('rel'));
			$('a.setWidth').removeClass('current');
			$(this).addClass('current');
					
			newHTML = '<option value="">Select width</option>';
			for ($i=newWidth; $i <= 32; $i = $i + newWidth) {
				newHTML += '<option value="' + ($i * 100) + '">' + ($i * 100) + ' cm (' + ($i / newWidth) + 'rolls)</option>';
			}
			
			$('#widthSelect').html(newHTML);
			
			
			return false;
			
		});
		
		/*
		$('.productImage a').hover(
			function() {
				
				newEle = document.createElement('img');
				$(newEle).attr('src', $(this).attr('rel'));	
				$(newEle).addClass('hoverImage');
				
				$('body').append(newEle);		
				
				
				
				curLeft = $(this).children('img:first').position().left;
				curTop = $(this).children('img:first').position().top;
							
				curWidth = $(this).children('img:first').width();
				curHeight = $(this).children('img:first').height();
				
				curMiddleX = Math.ceil(curLeft - (curWidth / 2));
				curMiddleY = Math.ceil(curTop - (curHeight / 2));
				
				
				newWidth = $(newEle).width();
				newHeight = $(newEle).height();
				
				newX = Math.ceil(curMiddleX - (newWidth / 2));
				newY = Math.ceil(curMiddleY - (newHeight / 2));
				
				$(newEle).css('position', 'absolute');
				$(newEle).css('left', newX);
				$(newEle).css('top', newY);
				
				$(newEle).fadeTo(0,0.1);
				$(newEle).fadeTo('fast',1);
				
			},
			function () {
				// $('.hoverImage').remove();				
			}
		);	
		
		$('.hoverImage').live('mouseout', function(){
			$(this).fadeTo('fast',0, function() {
				$(this).remove();
			});	    	
	    });
		*/
	 		
    }
);