$(document).ready(function(){
  
  $("#slideshow").cycle({ 
    fx: 'fade', 
    speed: 500, 
    timeout: 4500
  });
  
  var how1 = $("#how01");
  var how2 = $("#how02");
  var how3 = $("#how03");
  var howtext1 = $("#howtext01");
  var howtext2 = $("#howtext02");
  var howtext3 = $("#howtext03");
  
  //first 
  how1.hover(function(){
   howtext1.removeClass("hidden");
   how1.addClass("selected");
   
   howtext2.addClass("hidden");
   how2.removeClass("selected");
   
   howtext3.addClass("hidden");
   how3.removeClass("selected");
  });
  
  //second
  how2.hover(function(){
   howtext1.addClass("hidden"); 
   how1.removeClass("selected");
   
   howtext2.removeClass("hidden");
   how2.addClass("selected");
   
   howtext3.addClass("hidden");
   how3.removeClass("selected");
  });
  
  //third
  how3.hover(function(){
   howtext1.addClass("hidden");
   how1.removeClass("selected");
   
   howtext2.addClass("hidden");
   how2.removeClass("selected");
   
   howtext3.removeClass("hidden");
   how3.addClass("selected");
  });
  
jQuery.extend({
	getURLParam: function(strParamName){
	var strReturn = "";
	var strHref = window.location.href;
	var bFound=false;

	var cmpstring = strParamName + "=";
	var cmplen = cmpstring.length;

	if ( strHref.indexOf("?") > -1 ){
		var strQueryString = strHref.substr(strHref.indexOf("?")+1);
		var aQueryString = strQueryString.split("&");
		for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
			if (aQueryString[iParam].substr(0,cmplen)==cmpstring){
				var aParam = aQueryString[iParam].split("=");
				strReturn = aParam[1];
				bFound=true;
				break;
			}

		}
	}
	if (bFound==false) return null;
	return strReturn;
}
});


var tabContainers = $(".tabContainer");

var reset = null;

$("#tabNavigation a").click(function(){
	tabContainers.hide();
	
	$("#tabNavigation a").removeClass("selected");
	
	// set panel to null, get it from the URL string, show it or first
	if (reset != 1) {
		var panel = $.getURLParam("panel");
	}

	if (panel != null) {
		$('#'+panel).show();
		reset = 1;
		$("#"+panel+"-tab").addClass("selected");
	} else {
		tabContainers.filter(this.hash).show();
		$(this).addClass("selected");
	}

	return false;

	}).filter(':first').click();
});