// ***this goes on the global scope
// get querystring as an array split on "&"
var querystring = location.search.replace( '?', '' ).split( '&' );
// declare object
var queryObj = {};
// loop through each name-value pair and populate object
for ( var i=0; i<querystring.length; i++ ) {
	  // get name and value
	  var name = querystring[i].split('=')[0];
	  var value = querystring[i].split('=')[1];
	  // populate object
	  queryObj[name] = value;
}

var slideID = queryObj["id"] - 1;


function slider(numPanels, swapContent) {
	var ease = 'swing';
	var distance = 700 - (numPanels * 30);	// Distance in px for panels to slide
	var panelSpeed = 500;			// Speed to slide panels
	var contentSpeed = 500;			// Speed to swap content containers
	var headingSpeed = 500;			// Speed to swap headings
	
	
	// If IE6 set fades to happen instantaneously to avoid transparency issues
	if ($.browser.msie && $.browser.version.substr(0,1)<8) {
		contentSpeed = 0;
		headingSpeed = 0;
	}

	$(".slidable a").click(function() {
		$thisPanel = $(this).parent();
		$contentForThisPanel = $thisPanel.parent().find(".panelContent");
		$contentForNextPanel = $thisPanel.parent().next().find(".panelContent");			
		
		var currentLeft = $thisPanel.position().left;
		var toleft = 0;
		toleft = (currentLeft < 0 ? currentLeft + distance : currentLeft - distance);
		$thisPanel.animate({left: toleft}, panelSpeed, ease, function() {
			$thisPanel.toggleClass('openPanel');
		});	

		// if this panel was already open (so is now closing), show next panel's content
		if($thisPanel.hasClass("openPanel"))
		{
			// Close any open panels to the left
			$thisPanel.parent().prevAll().find(".openPanel").each(function() {
				var closeoffset = $(this).position().left - distance;
				$(this).stop().animate({left: closeoffset}, panelSpeed, ease).removeClass('openPanel');

			});
			if(swapContent) showContent($contentForNextPanel);
		}
		else {
			// Open any closed panels to the right	
			$thisPanel.parent().nextAll().find(".slidable").not(".openPanel").each(function() {
				var openoffset = $(this).position().left + distance;
				$(this).stop().animate({left: openoffset}, panelSpeed, ease).addClass('openPanel');
			});
			if(swapContent) showContent($contentForThisPanel);
		}
		
		$("#navigation li li").removeClass("current");
	});

	function showContent (showthis) {
		$("#slider h2").fadeOut(headingSpeed);
		$(showthis).parent().find('h2').fadeIn(headingSpeed);

		$(".panelContent").hide(contentSpeed);
		$(showthis).show(contentSpeed);			
	}
	
	// New functions
	if(slideID >= 0) {
		$(".slidable a").eq(slideID).trigger("click");
		//var pageID = $(body).attr("id");
		//alert(pageID);
		if($("#commercialRetail").length > 0) {
			$("#nav-hatfield").addClass("current");
		}
		if($("#privateClients").length > 0) {
			$("#nav-putney").addClass("current");
		}		
	}
/*	
	$("#nav-hatfield a").click(function() {
		$(this).parent().toggleClass("current")
		if(! $(".slidable").eq(3).hasClass("openPanel")) {
			alert('not open');
		}
		
		$(".slidable a").eq(3).trigger("click");
		return false;
	});
*/	
};