$(function(){
                $.slidenav({
                    animspeed: 'medium',
                    hideonout: 'false'
                });
            });

            $(document).ready(function(){
            $("#ctl00_myController").jFlow({
                slides: "#ctl00_mySlides",
                    width: "490px",
                    height: "200px",
                    duration: 400
                });
            });

            $(function(){

                $("#about-button").css({
                    opacity: 0.3
                });
                $("#contact-button").css({
                    opacity: 0.3
                });

                $("#page-wrap div.button").click(function(){

                    $clicked = $(this);

                    // if the button is not already "transformed" AND is not animated
                    if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {


                        $clicked.animate({
                            opacity: 1,
                            borderWidth: 0
                        }, 600 );

                        // each button div MUST have a "xx-button" and the target div must have an id "xx"
                        var idToLoad = $clicked.attr("id").split('-');

                        //we search trough the content for the visible div and we fade it out
                        $("#content").find("div:visible").fadeOut("fast", function(){
                            //once the fade out is completed, we start to fade in the right div
                            $(this).parent().find("#"+idToLoad[0]).fadeIn();
                        })
                    }

                    //we reset the other buttons to default style
                    $clicked.siblings(".button").animate({
                        opacity: 0.5,
                        borderWidth: 1
                    }, 600 );

                });
            });
			
			
			
			
	  // When the document loads do everything inside here ...
	  $(document).ready(function(){
		
		// When a link is clicked
		$("a.tab").click(function () {
			
			
			// switch all tabs off
			$(".active").removeClass("active");
			
			// switch this tab on
			$(this).addClass("active");
			
			// slide all content up
			$(".content").slideUp();
			
			// slide this content up
			var content_show = $(this).attr("title");
			$("#"+content_show).slideDown();
		  
		});
	
	  });


	  function emptySearch() {
	      var s = document.aspnetForm.ctl00_txtFind.value;
	      if (s == "Search:") {
	          document.aspnetForm.ctl00_txtFind.value = "";
	      }
	  }