/*************************** Menu ***************************/

function mainmenu(){
jQuery("#nav ul li a").removeAttr("title");
jQuery("#nav ul a").removeAttr("title");
jQuery("#nav ul li:first-child").addClass("nav-first");
jQuery("#nav ul li:last-child").addClass("nav-last");
jQuery("#nav ul ul ").css({display: "none"}); // Opera Fix
jQuery("#nav ul li").hover(function(){
		jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).show(0);
		},function(){
		jQuery(this).find('ul:first').css({visibility: "hidden"});
		});
}
  
jQuery(document).ready(function(){					
	mainmenu();
});


/*************************** Image Preloader ***************************/

jQuery(function () {
	jQuery('.preload').hide();
});

var i = 0;
var int=0;
jQuery(window).bind("load", function() {
	var int = setInterval("doThis(i)",500);
});

function doThis() {
	var images = jQuery('.preload').length;
	if (i >= images) {
		clearInterval(int);
	}
	jQuery('.preload:hidden').eq(0).fadeIn(500);
}


/*************************** Switch Display ***************************/

jQuery(document).ready(function(){
	jQuery("#display-compact").click(function() {
	jQuery("#display-compact").toggleClass("swap");
	jQuery(".review-display").fadeOut("fast", function() {
	jQuery(this).fadeIn("fast").addClass("review-box-top-compact");
	jQuery(this).fadeIn("fast").removeClass("review-box-top-extended");
	jQuery.cookie("display_cookie", "compact");
	});
});
});

jQuery(document).ready(function(){
	jQuery("#display-extended").click(function() {
	jQuery("#display-extended").toggleClass("swap");
	jQuery(".review-display").fadeOut("fast", function() {
	jQuery(this).fadeIn("fast").addClass("review-box-top-extended");
	jQuery(this).fadeIn("fast").removeClass("review-box-top-compact");
	jQuery.cookie("display_cookie", "extended");
	});
});
});


/*************************** Toggle Content ***************************/

jQuery(document).ready(function(){
jQuery(".toggle-box").hide(); 

jQuery(".toggle").toggle(function(){
	jQuery(this).addClass("toggle-active");
	}, function () {
	jQuery(this).removeClass("toggle-active");
});

jQuery(".toggle").click(function(){
	jQuery(this).next(".toggle-box").slideToggle();
});
});


/*************************** Tabs ***************************/

jQuery(document).ready(function(){
	// We can use this object to reference the panels container
	var panelContainer = jQuery('div#panels');
	
	// Find panel names and create nav
	// -- Loop through each panel
	panelContainer.find('div.panel').each(function(n){
		// For each panel, create a tab
		jQuery('div#tabs-box ul').append('<li class="tab"><a href="#' + (n+1) + '">' + jQuery(this).attr('title') + '</a></li>');
	});
	
	// Determine which tab should show first based on the URL hash	
	var panelLocation = location.hash.slice(1);
		if(panelLocation == '1'){
			var panelNum = panelLocation;
		} else if(panelLocation == '2'){
			var panelNum = panelLocation;
		} else if(panelLocation == '3'){
			var panelNum = panelLocation;
		} else if(panelLocation == '4'){
			var panelNum = panelLocation;
		} else if(panelLocation == '5'){
			var panelNum = panelLocation;
		} else if(panelLocation == '6'){
			var panelNum = panelLocation;
		} else if(panelLocation == '7'){
			var panelNum = panelLocation;
		} else if(panelLocation == '8'){
			var panelNum = panelLocation;			
		} else if(panelLocation == '9'){
			var panelNum = panelLocation;			
		} else if(panelLocation == '10'){
			var panelNum = panelLocation;
		}else{
			var panelNum = '1';
		}	
	// Hide all panels
	panelContainer.find('div.panel').hide();
	// Display the initial panel
	panelContainer.find('div.panel:nth-child(' + panelNum + ')').fadeIn('slow');
	// Change the class of the current tab
	jQuery('div#tabs-box ul').find('li.tab:nth-child(' + panelNum + ')').removeClass().addClass('tab-active');
	
	// What happens when a tab is clicked
	// -- Loop through each tab
	jQuery('div#tabs-box ul').find('li').each(function(n){
		// For each tab, add a 'click' action
		jQuery(this).click(function(){
			// Hide all panels
			panelContainer.find('div.panel').hide();
			// Find the required panel and display it
			panelContainer.find('div.panel:nth-child(' + (n+1) + ')').fadeIn('slow');
			// Give all tabs the 'tab' class
			jQuery(this).parent().find('li').removeClass().addClass('tab');
			// Give the clicked tab the 'tab-active' class
			jQuery(this).removeClass().addClass('tab-active');
		});
	});
});


/*************************** Contact Form ***************************/

jQuery(document).ready(function(){
	
	jQuery('#contactform').submit(function(){
	
		var action = jQuery(this).attr('action');
		
		jQuery("#contact #message").slideUp(750,function() {
		jQuery('#contact #message').hide();
		
 		jQuery('#submit')
			.after('<div class="loader"> </div>')
			.attr('disabled','disabled');
		
		jQuery.post(action, { 
			name: jQuery('#name').val(),
			email: jQuery('#email').val(),
			subject: jQuery('#subject').val(),
			comment_box: jQuery('#comment_box').val(),
			verify: jQuery('#verify').val(),
			address: jQuery('#address').val()
		},
			function(data){
				document.getElementById('message').innerHTML = data;
				jQuery('#contact #message').slideDown('slow');
				jQuery('#contactform div.loader').fadeOut('slow',function(){jQuery(this).remove()});
				jQuery('#contactform #submit').attr('disabled',''); 
				if(data.match('success') != null) jQuery('#contactform').slideUp('slow');
				
			}
		);
		
		});
		
		return false; 
	
	});
	
});