$.fn.prepStart = function (options){
  var defaults = {
    visibility: 'visible',
    opacity: 0.0,
    zIndex:1000,
    'filter':'alpha(opacity=0)'
  };
  return this.stop(true).css($.extend(defaults,options));
}

$.fn.prepEnd = function (options){
  var defaults = {
    opacity: 1.0,
    zIndex:100,
    'filter':'alpha(opacity=100)'
  };
  return this.stop(true).css($.extend(defaults,options));
}


/*Fuel.PageController.add_page_transition(1, function(callback){
	$layer1.prepStart().animate({opacity: 1.0, top: 0}, 500, "easeInOutQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
	
}, function(callback){
	$layer1.prepEnd().animate({opacity: 0.0, top: -200 }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");*/

Fuel.PageController.add_page_transition(1, function(callback){
	$home.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$home.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(16, function(callback){
	$company.prepStart().animate({opacity: 1.0, top: '5%'}, 500, "easeInOutQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$company.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");


Fuel.PageController.add_page_transition(14, function(callback){
	$leadership.prepStart().animate({opacity: 1.0, top: '5%'}, 500, "easeInOutQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$leadership.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(15, function(callback){
	$approach.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$approach.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(10, function(callback){
	$partners.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$partners.prepEnd().animate({opacity: 0.0, top:'1%' }, 500,"easeOutQuint", function(){
	  $(this).css({'visibility':'hidden'});
	  callback();
	});
}, "#000");

Fuel.PageController.add_page_transition(11, function(callback){
	$strategy.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$strategy.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");


Fuel.PageController.add_page_transition(12, function(callback){
	$creative.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$creative.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(13, function(callback){
	$technology.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$technology.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(8, function(callback){
	$mobile.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$mobile.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(9, function(callback){
	$media.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$media.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(4, function(callback){
	$portfolio.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$portfolio.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(5, function(callback){
	$blog.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$blog.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(6, function(callback){
	$careers.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$careers.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(7, function(callback){
	$getInTouch.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$getInTouch.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(2, function(callback){
	$whoWeAre.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$whoWeAre.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");

Fuel.PageController.add_page_transition(3, function(callback){
	$whatWeDo.prepStart().animate({opacity: 1.0, top: '5%'}, 500,"easeInQuint", function(){
	  $(this).css({'filter':'none'});
	  callback();
	});
}, function(callback){
	$whatWeDo.prepEnd().animate({opacity: 0.0, top:'1%' }, 500, "easeInOutQuint", function(){
	  $(this).css({visibility:'hidden'});
	  callback()
	});
}, "#000");



// DOM Ready
jQuery(function($){			

	
  // $layer1 = $("#layer1").css({
  //  opacity: 0.0, display:"block", top: -200
  // });
	
	
	$home = $("#home").css({display: 'block', visibility: 'hidden'});
	$whoWeAre = $("#whoWeAre").css({display: 'block', visibility: 'hidden'});
	$whatWeDo = $("#whatWeDo").css({display: 'block', visibility: 'hidden'});
	$portfolio = $("#portfolio").css({display: 'block', visibility: 'hidden'});	
	$blog = $("#blog").css({display: 'block', visibility: 'hidden'});
	$careers = $("#careers").css({display: 'block', visibility: 'hidden'});	
	$getInTouch = $("#getInTouch").css({display: 'block', visibility: 'hidden'});
	$company = $("#company").css({display: 'block', visibility: 'hidden'});
	$leadership = $("#leadership").css({display: 'block', visibility: 'hidden'});
	$approach = $("#approach").css({display: 'block', visibility: 'hidden'});
	$partners = $("#partners").css({display: 'block', visibility: 'hidden'});	
	$strategy = $("#strategy").css({display: 'block', visibility: 'hidden'});
	$creative = $("#creative").css({display: 'block', visibility: 'hidden'});
	$technology = $("#technology").css({display: 'block', visibility: 'hidden'});
	$mobile = $("#mobile").css({display: 'block', visibility: 'hidden'});
	$media = $("#media").css({display: 'block', visibility: 'hidden'});
	
	
	
	
	
	
	
	
	
	
	$.History.bind(function(fragment){

			
		var page = fragment.split('/');
		if(page.length > 1){
			var p = 0;
			switch(page[1]){
				case 'index.html':
				p = 0;
				break;
				
				case 'home':
				p = 1;
				break;
				case 'whoWeAre':
				p = 2;
				break;
				case 'whatWeDo':
				p = 3;
				break;
				case 'portfolio':
				p = 4;
				break;
				case 'blog':
				p = 5;
				break;
				case 'careers':
				p = 6;
				break;
				case 'getInTouch':
				p = 7;
				break;
				case 'mobile':
				p = 8;
				break;
				case 'media':
				p = 9;
				break;
				case 'partners':
				p = 10;
				break;
				case 'strategy':
				p = 11;
				break;
				case 'creative':
				p = 12;
				break;
				case 'technology':
				p = 13;
				break;
				case 'leadership':
				p = 14;
				break;
				case 'approach':
				p = 15;
				break;
				case 'company':
				p = 16;
				break;
							
			}
			if(p > 0){
				Fuel.PageController.changePage(p);
				//$("#show-nav").trigger('mouseover');
			}
		}
	})
})

$('a').click(function() {
$('#index').hide();

});