$(document).ready(function(){

		$("li.drawer ul").hide();
		
		//reset all h3 handles to contracted !!!
		$("li.drawer h3").addClass('contracted');

		//expand nav left accordion for certain pages on load
		//home
		$("#home .nav li.drawer ul:first").show();
		$("#home .nav .drawer-handle.work").addClass("expanded").toggleClass('contracted');
		$("#home .nav .drawer-handle.work a").addClass("selected")
		//work
		$("#work .nav li.drawer ul:first").show();
		$("#work .nav .drawer-handle.work").addClass("expanded").toggleClass('contracted');
		$("#work .nav .drawer-handle.work a").addClass("selected");
		//work_landing
		$("#work_landing .nav .drawer-handle.work a").addClass("selected");
		//about
		$("#about .nav li.drawer ul:last").show();
		$("#about .nav .drawer-handle.who_we_are").addClass("expanded").toggleClass('contracted');
		$("#about .nav .drawer-handle.about a").addClass("selected");
		//clients
		$("#clients .nav li.drawer ul:last").show();
		$("#clients .nav .drawer-handle.who_we_are").addClass("expanded").toggleClass('contracted');
		$("#clients .nav .drawer-handle.clients a").addClass("selected");
		
		//set nav left link color for pages
		$("#how a#how_we_do_it").addClass("selected");
		$("#clients .who_we_are a").addClass("selected");
		$("#clients a.clients").addClass("selected");
		$("#about .who_we_are a").addClass("selected");
		$("#about a.about").addClass("selected");

		//expand col_main accordion for certain pages on load
		//home
		$("#home .col_main li.drawer ul:first").show();
		$("#home .col_main .drawer-handle.sceens").addClass("expanded").toggleClass('contracted');
		//work
		$("#work .col_main li.drawer ul:first").show();
		$("#work .col_main .drawer-handle").addClass("expanded").toggleClass('contracted');
		/*col_main accordion*/
		var $drawer_handles_ctr = $(".col_main li.drawer h3");
		$drawer_handles_ctr.click(function(){
			var $clicked = $(this);

			//set clicked class
			if($clicked.hasClass('expanded')){
				//set clicked
				$clicked.removeClass('expanded').addClass('contracted');
			}
			else if($clicked.hasClass('contracted')){

				//reset all
				$drawer_handles_ctr.addClass('contracted');
				$drawer_handles_ctr.removeClass('expanded');

				//set clicked
				$clicked.removeClass('contracted').addClass('expanded'); 
			}
	
			$(".col_main li.drawer ul").slideUp(500, "swing");
			if ($(this).next().css("display")=="none"){
				$(this).next().slideDown();
			}

		});
		
		/*NAV accordion*/
		var $drawer_handles = $(".nav li.drawer h3");
		$drawer_handles.click(function(){
			var $clicked = $(this);

			//set clicked class
			if($clicked.hasClass('expanded')){
				//set clicked
				$clicked.removeClass('expanded').addClass('contracted');
			}
			else if($clicked.hasClass('contracted')){
				//reset all
				$drawer_handles.addClass('contracted');
				$drawer_handles.removeClass('expanded');
				//set clicked
				$clicked.removeClass('contracted').addClass('expanded');
			}

			$(".nav li.drawer ul").slideUp(500, "swing");
			if ($(this).next().css("display")=="none"){
				$(this).next().slideDown();
			}
		});

});