$(document).ready(function () {
	
	sIFR.replaceElement("div.title p", named({
		sFlashSrc: 	"/flash/helveticaneue.swf", 
		sWmode: 	"transparent", 
		sColor:		"#777777"
	}));
	
	$('#print_button').click(function(){
		window.print();
	});
	
	$('#faq_panels p').css('display', 'none');
	
	$('#faq_panels h3').click(function() {
		$(this).next().slideToggle('fast');		
	});
	
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") {
			anchor.target = "_blank";
		}
	}
	
	// Form field focussing
	/*$('form input').not('.nohighlight').bind('focus', function () {
		var li = $(this).parent();
		$(li).addClass('focus');
	});
	$('form input').not('.nohighlight').bind('blur', function () {
		var li = $(this).parent();
		$(li).removeClass('focus');
	});*/
	
	// Basket Widget
	$('#basket_link').mouseover(function() {
		if ($('#basket_widget').css('display') == 'none') {
			$('#loading').css('display', '');
			$('#basket_contents').css('display', 'none');
			$('#basket_contents').html('');
			
			$('#basket_widget').slideDown('fast');

			// Do the ajax call to see whats in the basket
			$.ajax({
				cache: false,
				dataType: 'json',
				type: 'GET',
				url: '/basket/json',
				error: function (XMLHttpRequest, textStatus, errorThrown) {
					alert(errorThrown);
				},
				success: function (data, textStatus, XMLHttpRequest) {			
					if (!data.basket.items || data.basket.items.length == 0) {
						var p = $('<p />').addClass('middle').append(document.createTextNode('There are no items in your basket.'));
						$('#basket_contents').append(p);
					} else {
						
						//console.log(data);
						
						$(data.basket.items).each(function(index, element) {
							
							// Create divs for this item
							var outer_div 	= $('<div />').addClass('outer');
							var left_div 	= $('<div />').addClass('left');
							var right_div 	= $('<div />').addClass('right');
							
							// Add left div product image
							var image_holder = $('<div />').addClass('image_holder');
							image_holder.append($('<img />').attr('src', element.image_path).attr('alt', element.name))
							left_div.append(image_holder);
							
							// Add right div product info
							right_div.append($('<p />').append(document.createTextNode(element.name)));
							right_div.append($('<p />').html('&pound;' + element.price_disp + ' (ex VAT) x ' + element.quantity));
							
							// Append together
							outer_div.append(left_div).append(right_div);
							$('#basket_contents').append(outer_div);
						});
						
						var total = $('<div />').addClass('totals_row');
						var total_right = $('<p />').addClass('right').html('&pound;' + data.totals.display.cart_value);
						var total_left 	= $('<p />').addClass('left').html('<b>Basket Value:</b>');
						$('#basket_contents').append(total.append(total_left).append(total_right));
						
						$('#basket_contents').append($('<p />').append(
							$('<a />').append(document.createTextNode('Go to basket')).attr('href', '/basket')
						));
					}
					
					$('#loading').css('display', 'none');
					$('#basket_contents').slideDown();
				}
			});
		}
	});
	
	$('#basket_widget_close').click(function(e) {
		e.preventDefault();
		$('#basket_widget').slideUp();
	});
	
	$('div.collapsible div.hide').css('display', 'none');
	$('div.collapsible h3').click(function() {
		$(this).next().slideToggle('fast');		
	});
	
	$('div.basket_error').fadeOut('fast', function () {
		$(this).fadeIn('fast', function () {
			$(this).fadeOut('fast', function () {
				$(this).fadeIn('fast', function () {
					$(this).fadeOut('fast', function () {
						$(this).fadeIn('fast');
					});
				});
			})
		})
	});
});