var closeLeft = dojo.animateProperty({
 	node: "content_left_wrapper",
 	duration: 1000,
 	properties: { width:	{ start: "70", end: "20", units: "%" } } 
 });
 var openLeft = dojo.animateProperty({
 	node: "content_left_wrapper",
 	duration: 1000,
 	properties: { width:	{ start: "20", end: "70", units: "%" } }
 });
 
 var closeRight = dojo.animateProperty({
 	node: "content_right_wrapper",
 	duration: 1000,
 	properties: {
      width:	{ start: "79", end: "29", units: "%" }
    }
 });
 var openRight = dojo.animateProperty({
 	node: "content_right_wrapper",
 	duration: 1000,
 	properties: {
      width:	{ start: "29", end: "79", units: "%" }
    }
 });
 
 var showHomeBanner = dojo.fadeIn({
 	node: "banner_home",
 	duration: 500
 });
 var showProjectsBanner = dojo.fadeIn({
 	node: "banner_projects",
 	duration: 500
 });
 var showServicesBanner = dojo.fadeIn({
 	node: "banner_services",
 	duration: 500
 });
 var showContactBanner = dojo.fadeIn({
 	node: "banner_contact",
 	duration: 500
 });
 var showPortfolioBanner = dojo.fadeIn({
 	node: "banner_portfolio",
 	duration: 500
 });
 var showCareersBanner = dojo.fadeIn({
 	node: "banner_careers",
 	duration: 500
 });
 
 var hideHomeBanner = dojo.fadeOut({
 	node: "banner_home",
 	duration: 100
 });
 var hideProjectsBanner = dojo.fadeOut({
 	node: "banner_projects",
 	duration: 100
 });
 var hideServicesBanner = dojo.fadeOut({
 	node: "banner_services",
 	duration: 100
 });
 var hideContactBanner = dojo.fadeOut({
 	node: "banner_contact",
 	duration: 100
 });
 var hidePortfolioBanner = dojo.fadeOut({
 	node: "banner_portfolio",
 	duration: 100
 });
 var hideCareersBanner = dojo.fadeOut({
 	node: "banner_careers",
 	duration: 100
 });
 
 var smallDuration = 1000;
 
 var smallHeader = dojo.animateProperty({
 	node: "header",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "164", units: "px" }
    }
 });
 var smallBlocks = dojo.animateProperty({
 	node: "blocks",
 	duration: smallDuration,
 	properties: {
      top:	{ end: "-34", units: "px" }
    }
 });
 var smallLogo = dojo.animateProperty({
 	node: "logo",
 	duration: smallDuration,
 	properties: {
      top:	{ end: "-56", units: "px" }
    }
 });
 var smallNav = dojo.animateProperty({
 	node: "nav",
 	duration: smallDuration,
 	properties: {
      bottom:	{ end: "33", units: "px" }
    }
 });
 var smallBannerWrapper = dojo.animateProperty({
 	node: "banner_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "100", units: "px" }
    }
 });
 var mediumBannerWrapper = dojo.animateProperty({
 	node: "banner_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "120", units: "px" }
    }
 });
 var smallerBannerWrapper = dojo.animateProperty({
 	node: "banner_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "60", units: "px" }
    }
 });
 var nodeBody = dojo.byId('body');
 var nodeHeaderBannerWrapper = dojo.byId('header_banner_wrapper');
 var smallBody = new dojo._Animation({
	curve: new dojo._Line(0,-56),
	duration: smallDuration,
	onAnimate: function(){
		var str = "0px " + Math.floor(parseInt(arguments[0]))+"px";
		dojo.style(nodeBody,"backgroundPosition",str);
		dojo.style(nodeHeaderBannerWrapper,"backgroundPosition",str);
	}
});

var largeDuration = 1000;
 
 var largeHeader = dojo.animateProperty({
 	node: "header",
 	duration: largeDuration,
 	properties: {
      height:	{ end: "190", units: "px" }
    }
 });	  
 var largeBlocks = dojo.animateProperty({
 	node: "blocks",
 	duration: largeDuration,
 	properties: {
      top:	{ end: "22", units: "px" }
    }
 });
 var largeLogo = dojo.animateProperty({
 	node: "logo",
 	duration: largeDuration,
 	properties: {
      top:	{ end: "0", units: "px" }
    }
 });
 var largeNav = dojo.animateProperty({
 	node: "nav",
 	duration: largeDuration,
 	properties: {
      bottom:	{ end: "3", units: "px" }
    }
 });
 var largeBannerWrapper = dojo.animateProperty({
 	node: "banner_wrapper",
 	duration: largeDuration,
 	properties: {
      height:	{ end: "152", units: "px" }
    }
 });
 var largeBody = new dojo._Animation({
	curve: new dojo._Line(-56,0),
	duration: largeDuration,
	onAnimate: function(){
		if ( nodeBody.style.backgroundPosition != "0px 0px" && nodeBody.style.backgroundPosition != '' ) {
			var str = "0px " + Math.floor(parseInt(arguments[0]))+"px";
			dojo.style(nodeBody,"backgroundPosition",str);
			dojo.style(nodeHeaderBannerWrapper,"backgroundPosition",str);
		}
	}
});

var hideContentHomeProjects = dojo.animateProperty({
 	node: "content_home_projects",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "0", unit: 'px' },
      opacity:	{ end: "0" }
    }
 });
	var hideContentServices = dojo.animateProperty({
 	node: "content_services_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "0", unit: "px" },
      opacity:	{ end: "0" }
    }
 });
 	var hideContentContact = dojo.animateProperty({
 	node: "content_contact_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "0", unit: "px" },
      opacity:	{ end: "0" }
    }
 });
 	var hideContentPortfolio = dojo.animateProperty({
 	node: "content_portfolio_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "0", unit: "px" },
      opacity:	{ end: "0" }
    }
 });
 	var hideContentCareers = dojo.animateProperty({
 	node: "content_careers_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "0", unit: "px" },
      opacity:	{ end: "0" }
    }
 });
 
 var showContentHomeProjects = dojo.animateProperty({
 	node: "content_home_projects",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "1400", unit: "px" },
      opacity:	{ end: "1" }
    }
 });
 var showContentHome = dojo.animateProperty({
 	node: "content_home_projects",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "690", unit: "px" },
      opacity:	{ end: "1" }
    }
 });
 var showContentServices = dojo.animateProperty({
 	node: "content_services_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "300", unit: "px" },
      opacity:	{ end: "1" }
    }
 });
 var showContentContact = dojo.animateProperty({
 	node: "content_contact_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "550", unit: "px" },
      opacity:	{ end: "1" }
    }
 }); 
 var showContentPortfolio = dojo.animateProperty({
 	node: "content_portfolio_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "1200", unit: "px" },
      opacity:	{ end: "1" }
    }
 });
 var showContentCareers = dojo.animateProperty({
 	node: "content_careers_wrapper",
 	duration: smallDuration,
 	properties: {
      height:	{ end: "450", unit: "px" },
      opacity:	{ end: "1" }
    }
 });
 
 function hideExtended() {
 	dojo.query("h2 div.detailsLink").style('display','inline');
	dojo.query("span.extended").animateProperty({
  	duration: 500,
  	properties: { 
  		fontSize: { end: "0" },
  		opacity: { end: "0" }
  	},
  		onEnd: function(){
      	dojo.query("span.extended").style({ display:"none" });
  		}
  }).play();
  dojo.query("div#content_right div.details").style({ display:"block" }).wipeIn({
  	duration: 1500,
  	onEnd: function () {
  		dojo.query("h2 div.details").style('display','inline');
  	}
  }).play();

}
function showExtended() {
	dojo.query("h2 div.detailsLink").style('display','none');
	dojo.query("span.extended").style({ display:"inline" }).animateProperty({
  	duration: 500,
  	properties: { 
  		fontSize: { end: "14", units: "px"  },
  		opacity: { end: "1" }
  	}
  }).play();
  dojo.query("div#content_right div.details").wipeOut({
  	duration: 1500
  }).play();
  
  
}

 function openProjects() {
 	dojo.query("div#content_home_projects").style('display','block');
 	var animSmall = dojo.fx.combine([showContentHomeProjects, hideContentServices, hideContentContact, hideContentPortfolio, hideContentCareers, smallHeader, smallBlocks, smallLogo, smallNav, smallerBannerWrapper, smallBody]);
 	animSmall.play();
 	dojo.query("div#banner div").animateProperty({
  	duration: smallDuration,
  	properties: { 
  		top: { end: "-13", units: "px"  }
  	}
  }).play();
  
 	var animOpen = dojo.fx.combine([closeLeft, openRight]);
 	animOpen.play();
 	var animBanner = dojo.fx.chain([hideHomeBanner, hideServicesBanner, hideContactBanner, hidePortfolioBanner, hideCareersBanner, showProjectsBanner]);
	animBanner.play();
	
 	hideExtended();
 }
 
 function openHome() {
 	dojo.query("div#content_home_projects").style('display','block');
 	var animLarge = dojo.fx.combine([showContentHome, hideContentServices, hideContentContact, hideContentPortfolio, hideContentCareers, largeHeader, largeBlocks, largeLogo, largeNav, largeBannerWrapper, largeBody]);
 	animLarge.play();
 	dojo.query("div#banner div").animateProperty({
  	duration: smallDuration,
  	properties: { 
  		top: { end: "20", units: "px"  }
  	}
  }).play();
  
 	var animOpen = dojo.fx.combine([closeRight, openLeft]);
 	animOpen.play();
 	showExtended();
 	var animBanner = dojo.fx.chain([hideProjectsBanner, hideServicesBanner, hideContactBanner, hidePortfolioBanner, hideCareersBanner, showHomeBanner]);
	animBanner.play();
 }
 
 function openServices() {
 	dojo.query("div#content_services_wrapper").style('display','block');
 	var animServices = dojo.fx.combine([largeHeader, largeBlocks, largeLogo, largeNav, smallBannerWrapper, largeBody, hideContentHomeProjects, hideContentContact, hideContentPortfolio, hideContentCareers, showContentServices]);
 	animServices.play();
 	dojo.query("div#banner div").animateProperty({
  	duration: smallDuration,
  	properties: { 
  		top: { end: "20", units: "px"  }
  	}
  }).play();
  var animBanner = dojo.fx.chain([hideProjectsBanner, hideHomeBanner, hideContactBanner, hidePortfolioBanner, hideCareersBanner, showServicesBanner]);
	animBanner.play();
 }
 
 function openContact() {
 	dojo.query("div#content_contact_wrapper").style('display','block');
 	var animContact = dojo.fx.combine([largeHeader, largeBlocks, largeLogo, largeNav, smallBannerWrapper, largeBody, hideContentHomeProjects, hideContentServices, hideContentPortfolio, hideContentCareers, showContentContact]);
 	animContact.play();
 	dojo.query("div#banner div").animateProperty({
  	duration: smallDuration,
  	properties: { 
  		top: { end: "20", units: "px"  }
  	}
  }).play();
  var animBanner = dojo.fx.chain([hideProjectsBanner, hideHomeBanner, hideServicesBanner, hidePortfolioBanner, hideCareersBanner, showContactBanner]);
	animBanner.play();
 }
 
 function openPortfolio() {
 	dojo.query("div#content_portfolio_wrapper").style('display','block');
 	var animContact = dojo.fx.combine([largeHeader, largeBlocks, largeLogo, largeNav, mediumBannerWrapper, largeBody, hideContentHomeProjects, hideContentServices, hideContentContact, hideContentCareers, showContentPortfolio]);
 	animContact.play();
 	dojo.query("div#banner div").animateProperty({
  	duration: smallDuration,
  	properties: { 
  		top: { end: "20", units: "px"  }
  	}
  }).play();
  var animBanner = dojo.fx.chain([hideProjectsBanner, hideHomeBanner, hideServicesBanner, hideContactBanner, hideCareersBanner, showPortfolioBanner]);
	animBanner.play();
 }
 
 function openCareers() {
 	dojo.query("div#content_careers_wrapper").style('display','block');
 	var animContact = dojo.fx.combine([largeHeader, largeBlocks, largeLogo, largeNav, smallBannerWrapper, largeBody, hideContentHomeProjects, hideContentServices, hideContentContact, hideContentPortfolio, showContentCareers]);
 	animContact.play();
 	dojo.query("div#banner div").animateProperty({
  	duration: smallDuration,
  	properties: { 
  		top: { end: "20", units: "px"  }
  	}
  }).play();
  var animBanner = dojo.fx.chain([hideProjectsBanner, hideHomeBanner, hideServicesBanner, hideContactBanner, hidePortfolioBanner, showCareersBanner]);
	animBanner.play();
 }