// JavaScript Document


jQuery('document').ready(function($){
	
		if ($("#contact_form").length) {
			
			$("#contact_form").validate();
		}
	
	    $("#slides").slides({
			paginationClass : "home-slider-pagination",
			play : 5000
		});
	
	
		//When page loads...
		$(".tabContent").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tabContent:first").show(); //Show first tab content
	
		//On Click Event
		$("ul.tabs li a").click(function() {
			//alert('here');
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).parent().addClass("active"); //Add "active" class to selected tab
			$(".tabContent").hide(); //Hide all tab content
	
			var activeTab = $(this).parent().find("a").attr("rel"); //Find the href attribute value to identify the active tab + content
			//alert(activeTab);
			$(activeTab).fadeIn(); //Fade in the active ID content
			return false;
		});
		
		//Slide Down Login panel
		$(".slidePanel").click(function(e){
			e.preventDefault();			
			$(".slideDown").slideToggle("slow");
			$(this).toggleClass("active");
		});
		
		//Fancy Box init
		$("a.fancybox").fancybox({
			'speedIn'		:	600, 
			'speedOut'		:	200
		});
		
		$('a[href*=#]').not('ul.tabs li a').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
			&& location.hostname == this.hostname) {
	   
				var $target = $(this.hash);
				$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
				
				if ($target.length) {
					var targetOffset = $target.offset().top;                
					$('html,body').animate({scrollTop: targetOffset}, 1000);
					return false;
				}         
			}
		});
		
		//Load the slideshow
		if($('div.rotator').is('*')){
			theRotator();
			$('div.rotator').fadeIn(1000);
			$('div.rotator ul li').fadeIn(1000); // tweek for IE
		}
});



function theRotator() {
	//Set the opacity of all images to 0
	$('div.rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div.rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	
	setInterval('rotate()',6000);
	
}

function rotate() {	
	//Get the first image
	var current = ($('div.rotator ul li.show')?  $('div.rotator ul li.show') : $('div.rotator ul li:first'));

    if ( current.length == 0 ) current = $('div.rotator ul li:first');

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div.rotator ul li:first') :current.next()) : $('div.rotator ul li:first'));
	
	//Un-comment the 3 lines below to get the images in random order
	
	//var sibs = current.siblings();
    //var rndNum = Math.floor(Math.random() * sibs.length );
    //var next = $( sibs[ rndNum ] );
			

	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
};


sfHover = function() {
	var nav = document.getElementById("nav");
	if(nav == null)
		return;
	var sfEls = nav.getElementsByTagName("LI");	
	
	for (var i=0; i<sfEls.length; i++) {	
		
		sfEls[i].onmouseover=function() {			
			this.className+=" sfhover";		
		}		
		
		sfEls[i].onmouseout=function() {			
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");		
		}	
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);