$(document).ready(function() {

// Supersizes the background images
	$(function(){
		$.fn.supersized.options = {  
			startwidth: 1024,  
			startheight: 768,
			vertical_center: 1,
			slideshow: 1,
			navigation: 1,
			transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
			pause_hover: 1,
			slide_counter: 0,
			slide_captions: 0,
			slide_interval: 30000
		};
		$('#supersize').supersized(); 
	});


// Slides Nav out from the side
   $('ul#main-nav li a.nav-portfolio').click(function() {
	var $some = $('ul#main-nav');   
	var someWidth = $some.outerWidth();
    var parentWidth = $some.parent().width();
	
    $some.animate({
      width: someWidth === parentWidth ?
      someWidth/4.5 :
	   parentWidth - (parseInt($some.css('paddingLeft'),2) + parseInt($some.css('paddingRight'),2))}, {
                    duration: 'slow',
                    easing: 'easeInOutQuint'
                  });
	});


// Expands the sub-navs onClick
   $('ul#sub-nav li a.nav-1, ul#sub-nav li a.nav-2, ul#sub-nav li a.nav-3').click(function() {
   		$(this).next().animate({width: 'toggle'});
  	});

// Closes all the sub-nav items onLoad
	$('ul#main-nav li a').trigger("click");


// FadeIn onLoad
	$('#nav-outer').addClass("hidden").fadeTo(1000, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1).fadeTo(3000, 1);
	
	$('#header').addClass("hidden").fadeTo(1000, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1).fadeTo(3000, 1);

	$('#contact_block').addClass("hidden").fadeTo(1000, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1).fadeTo(3000, 1);
	
	$('#footer').addClass("hidden").fadeTo(1000, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1).fadeTo(3000, 1);


});