jQuery().ready(function(){

	var currentFabId = getQueryVariable( 'fabChoice', $(".ui-tabs-selected a").attr("href") );
	var carousel = null;

	function getQueryVariable( variable, queryString )
	{
		var query = queryString;
		var vars = query.split("&");
		for (var i=0;i<vars.length;i++)
		{
			var pair = vars[i].split("=");
			if (pair[0] == variable)
			{
				return pair[1];
			}
		}
	}

	function updateSwatches( href )
	{
		var matches = /(\?.*)/.exec( href );
		href = matches[1];
		$.ajax({
			type: "POST",
			url: "/a/ajax/fabrics.php"+href,
			success: function(msg){
				$("#swatchView").html( msg );
				showSwatches( false );
			},
			error: function (XMLHttpRequest, textStatus, errorThrown) {
			}
		});
	}

	function showResult( href )
	{
		var matches = /(\?.*)/.exec( href );
		href = matches[1];
		$.ajax({
			type: "POST",
			url: "/a/ajax/fabrics.php"+href,
			success: function(msg){
				$("#fabricResult").html( msg );
			},
			error: function (XMLHttpRequest, textStatus, errorThrown) {
			}
		});
	}

	function showSwatches( sc )
	{
		$(".jcarousel-container").css("width", "906px");
		jQuery('.swatch').jcarousel();

		// i.e. Jackson Black, Duke Black
		$(".swatch ul li a").click( function(){
			showResult( $(this).attr('href') );
			$(".swatch ul li.current").removeClass( 'current' );
			$( this ).parent().addClass( 'current' );
			return false;
		});

		// Leather/Fabric and Pattern/Colour/Type
		$(".tabs li a").click( function(){
			updateSwatches( $(this).attr('href') );
			return false;
		});

		// i.e. red, blue, black
		$(".variant li a").click( function(){
			updateSwatches( $(this).attr('href') );
			return false;
		});
	}

	showSwatches( true );

});