$(document).ready(function() {

	$("div.toggler1").click( function(){ 
		$(".closer").show();
 		$(".closer").css('top','80px');
		$(".dropdown1").slideDown("slow");
		$(".dropdown2").hide();
		$(".dropdown3").hide();
		$(".dropdown4").hide();
		$("#main-nav .toggler1 span a").addClass('on');
		$("#main-nav .toggler2 span a").removeClass();
		$("#main-nav .toggler3 span a").removeClass();
		$("#main-nav .toggler4 span a").removeClass();
 		$(".toggler1").css('background','#676767');
 		$(".toggler1").css('padding-bottom','0');
 		$(".toggler2").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler2").css('padding-bottom','3px');
 		$(".toggler3").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler3").css('padding-bottom','3px');
 		$(".toggler4").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler4").css('padding-bottom','3px');
 		$(".toggler1 span a").html('we&rsquo;re a small company&nbsp;<br />with big ideas');
 		$(".toggler2 span a").html('we make products');
	});

	$("div.toggler2").click( function(){ 
		$(".closer").show();
 		$(".closer").css('top','128px');
		$(".dropdown2").slideDown("slow");
		$(".dropdown1").hide();
		$(".dropdown3").hide();
		$(".dropdown4").hide();
		$("#main-nav .toggler2 span a").addClass('on');
		$("#main-nav .toggler1 span a").removeClass();
		$("#main-nav .toggler3 span a").removeClass();
		$("#main-nav .toggler4 span a").removeClass();
 		$(".toggler2").css('background','#676767');
 		$(".toggler2").css('padding-bottom','0');
 		$(".toggler1").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler1").css('padding-bottom','3px');
 		$(".toggler3").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler3").css('padding-bottom','3px');
 		$(".toggler4").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler4").css('padding-bottom','3px');
 		$(".toggler1 span a").html('we&rsquo;re a small company');
 		$(".toggler2 span a").html('we make products&nbsp;<br />that hit the mark');
	});

	$("div.toggler3").click( function(){ 
		$(".closer").show();
 		$(".closer").css('top','139px');
		$(".dropdown3").slideDown("slow");
		$(".dropdown1").hide();
		$(".dropdown2").hide();
		$(".dropdown4").hide();
		$("#main-nav .toggler3 span a").addClass('on');
		$("#main-nav .toggler1 span a").removeClass();
		$("#main-nav .toggler2 span a").removeClass();
		$("#main-nav .toggler4 span a").removeClass();
 		$(".toggler3").css('background','#676767');
 		$(".toggler3").css('padding-bottom','0');
 		$(".toggler1").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler1").css('padding-bottom','3px');
 		$(".toggler2").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler2").css('padding-bottom','3px');
 		$(".toggler4").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler4").css('padding-bottom','3px');
 		$(".toggler1 span a").html('we&rsquo;re a small company');
 		$(".toggler2 span a").html('we make products');
	});

	$("div.toggler4").click( function(){ 
		$(".closer").show();
 		$(".closer").css('top','187px');
		$(".dropdown4").slideDown("slow");
		$(".dropdown1").hide();
		$(".dropdown2").hide();
		$(".dropdown3").hide();
		$("#main-nav .toggler4 span a").addClass('on');
		$("#main-nav .toggler1 span a").removeClass();
		$("#main-nav .toggler2 span a").removeClass();
		$("#main-nav .toggler3 span a").removeClass();
 		$(".toggler4").css('background','#676767');
 		$(".toggler4").css('padding-bottom','0');
 		$(".toggler1").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler1").css('padding-bottom','3px');
 		$(".toggler2").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler2").css('padding-bottom','3px');
 		$(".toggler3").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler3").css('padding-bottom','3px');
 		$(".toggler1 span a").html('we&rsquo;re a small company');
 		$(".toggler2 span a").html('we make products');
	});

	$("div.closer").click( function(){ 
		$(".closer").hide();
		$(".dropdown1").hide();
		$(".dropdown2").hide();
		$(".dropdown3").hide();
		$(".dropdown4").hide();
		$("#main-nav .toggler1 span a").removeClass();
		$("#main-nav .toggler2 span a").removeClass();
		$("#main-nav .toggler3 span a").removeClass();
		$("#main-nav .toggler4 span a").removeClass();
 		$(".toggler1").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler1").css('padding-bottom','3px');
 		$(".toggler2").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler2").css('padding-bottom','3px');
 		$(".toggler3").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler3").css('padding-bottom','3px');
 		$(".toggler4").css('background','url(images/nav-line.gif) no-repeat bottom left');
 		$(".toggler4").css('padding-bottom','3px');
 		$(".toggler1 span a").html('we&rsquo;re a small company&nbsp;<br />with big ideas');
 		$(".toggler2 span a").html('we make products&nbsp;<br />that hit the mark');
	});

});