$(document).ready(function(){
    $("ul.sf-menu").supersubs({
        dropShadows: true,
        minWidth: 12, // minimum width of sub-menus in em units 
        maxWidth: 20, // maximum width of sub-menus in em units 
        extraWidth: 1 // extra width can ensure lines don't sometimes turn over 
        // due to slight rounding differences and font-family 
    }).superfish( {autoArrows: false} ); // call supersubs first, then superfish, so that subs are 
    // not display:none when measuring. Call before initialising 
    // containing tabs for same reason. 
					
	// Tab Functionality
 
	var tabContainers = $('div.tabs > div');
	tabContainers.hide().filter(':first').show();
	
	$('div.tabs ul.tabNavigation a').click(function () {
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		// $('div.tabs ul.tabNavigation a').removeClass('selected');
		// $(this).addClass('selected');
		var tabtarget = $(this).attr("href");
		
		switch(tabtarget) {
			case "#first":
				// first tab position
				$('.tabNavigation').css("background-position-y","0");
				break;
			case "#second":
				// first tab position
				$('.tabNavigation').css("background-position-y","-45px");
				break;
			case "#third":
				// first tab position
				$('.tabNavigation').css("background-position-y","-95px");
				break;
			default:
				$('.tabNavigation').css("background-position-y","0");
		}
							
		return false;
	}).filter(':first').click();

	
	
	
	// initialize scrollable 
	$("div.scrollable").scrollable({
	
	// set number of items
	size: 2, 
		
	// items are auto-scrolled in 2 secnod interval
	interval: 0,
	
	// when last item is encountered go back to first item
	loop: true, 
	
	// make animation a little slower than the default
	speed: 600,
	
	// add next previous buttons
	next: 'div.next', 
	prev: 'div.previ', 

	// set pager div
	navi: 'div.scrollNav'

	}); 
	
	$('#pause').click(function(){
		$('.scrollable').end();
	
		});
	
	//Side Nav - adds exception to contact and careers links and allows link func. instead of accordian open empty menu behavior
	$('#sidemenu a.contact, #sidemenu a.careers').click(function(){
		$("#accordion").accordion('disable');
		window.location($(this).attr('href'));
		
		setTimeout ( function() {
		  $("#accordion").accordion('enable');
		}, 250 );
	});
	
	
	

	
	//Accordion
	$("#sidemenu").accordion({
					 
					collapsible: false,
					active: "active",
					autoHeight: false
	});
	
	//TODO Set Active Section open/hilighted via the body class
	// Opens Side Nav via click() function if not careers or contact pages			
	var bodyid = '#sidemenu a.'+ $('body').attr('id');
	$(bodyid).not('#sidemenu a.contact, #sidemenu a.careers').click();	
	
	//Adds .current to Topnav
	var bd = '#nav a.'+ $('body').attr('id');
	$(bd).parent().addClass('current');			
	
	
	//client side validate contact form			
	$("#contact_form").validate();
	
	//Phone # Mask			 
	$("#phone").mask("999 999-9999");
	
	
});