$(function() {
    $(document).pngFix(); 

	$(".toggle").hide();
	$(".trigger").click(function(){
		$(".toggle").hide('slow'); $(this).next(".toggle").slideToggle('slow'); return false;
	});

    $(".tab1").click( function() {
        $(".tabs li").removeClass("selectedtab");
        $(this).addClass("selectedtab");
        $(".tabcontent .tab").hide();
        $(".tabcontent .tab1").show();
        $(".tabcontent .tab1").addClass("selectedtab");
    });
    $(".tab2").click( function() {
        $(".tabs li").removeClass("selectedtab");
        $(this).addClass("selectedtab");
        $(".tabcontent .tab").hide();
        $(".tabcontent .tab2").show();
        $(".tabcontent .tab2").addClass("selectedtab");
    });
    $(".tab3").click( function() {
        $(".tabs li").removeClass("selectedtab");
        $(this).addClass("selectedtab");
        $(".tabcontent .tab").hide();
        $(".tabcontent .tab3").show();
        $(".tabcontent .tab3").addClass("selectedtab");
    });
 
    $(".tab4").click( function() {
        $(".tabs li").removeClass("selectedtab");
        $(this).addClass("selectedtab");
        $(".tabcontent .tab").hide();
        $(".tabcontent .tab4").show();
        $(".tabcontent .tab4").addClass("selectedtab");
    });

    $(".tab5").click( function() {
        $(".tabs li").removeClass("selectedtab");
        $(this).addClass("selectedtab");
        $(".tabcontent .tab").hide();
        $(".tabcontent .tab5").show();
        $(".tabcontent .tab5").addClass("selectedtab");
    });

    $(".tab6").click( function() {
        $(".tabs li").removeClass("selectedtab");
        $(this).addClass("selectedtab");
        $(".tabcontent .tab").hide();
        $(".tabcontent .tab6").show();
        $(".tabcontent .tab6").addClass("selectedtab");
    });

	var theUrl = window.location.href;
	var hashValue = theUrl.split('#')[1];
	var $target= $(".tablayout .tabs ."+ hashValue) ;
	if ($target.length) { 
		$target.click();
	} else {
	    $(".tabs .tab1").click();
	}


$('#slides').after('<ul id="pager">').cycle({ 
    fx:     'fade', 
    speed:  'slow', 
    timeout: 6000, 
    pager:  '#pager', 
      prev:   '#prev',
      next:   '#next',
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="' + slide.src + '" width="45" height="45" /></a></li>'; 
    }, 
	after: function(curr, next, opts) {
	   var index = opts.currSlide;

	   if (index == opts.slideCount - 1) { 
    		if ($('#pauseButton').hasClass('pause')) {
        		$('#pauseButton').removeClass('pause').addClass('play').text('Play');
		        $('#slides').cycle('pause'); return false;
   			}
		}
	}
});



$('#pauseButton').click(function() {
    var obj = $(this);
    if (obj.hasClass('pause')) {
        obj.removeClass('pause').addClass('play').text('Play');
        $('#slides').cycle('pause'); return false;
    } else if (obj.hasClass('play')) {
        obj.removeClass('play').addClass('pause').text('Pause');
        $('#slides').cycle('resume'); return false;
    }
});


$(".prefilled").focus(function() {  
	this.value = '';
});  

$(".prefilled").blur(function() {  
     if ($.trim(this.value) == ''){  
         this.value = (this.defaultValue ? this.defaultValue : '');  
     }  
});  


});