// JavaScript Document
//$(document).ready(function(){  

//When mouse rolls over  
//$("li").mouseover(function(){  
// $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
//});  
//When mouse is removed  
//$("li").mouseout(function(){  
//$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
//});  

//}); 

$(document).ready(function(){


$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});


 $('ul.navlist li a').click(function(){  
   
      var toLoad = $(this).attr('href')+' #content';  
     $('#content').fadeOut('fast',loadContent);  
     $('#load').remove();  
     $('#wrapper').append('<span id="load">LOADING...</span>');  
     $('#load').fadeIn('normal');
	
     function loadContent() {  
         $('#content').load(toLoad,'',showNewContent)  
     }  
     function showNewContent() {  
         $('#content').fadeIn('normal',hideLoader);  
     }  
     function hideLoader() {  
         $('#load').fadeOut('normal');  
     }  
     return false;  
   
     });    
 


     				   
												   
												   
  $('ul.worklist li a').livequery('click',function(){  
   
      var toLoad = $(this).attr('href')+' #rest';  
     $('#rest').fadeOut('fast',loadContent);  
     $('#load').remove();  
     $('#wrapper').append('<span id="load">LOADING...</span>');  
     $('#load').fadeIn('normal');
	
     function loadContent() {  
         $('#rest').load(toLoad,'',showNewContent)  
     }  
     function showNewContent() {  
         $('#rest').fadeIn('normal',hideLoader);  
     }  
     function hideLoader() {  
         $('#load').fadeOut('normal');  
     }  
     return false;  
   
     }); 
  
  $('ul.numbers li a').livequery('click',function(){  
   
      var toLoad = $(this).attr('href')+' #workimg';  
     $('#workimg').fadeOut('fast',loadContent);  
     $('#load').remove();  
     $('#wrapper').append('<span id="load">LOADING...</span>');  
     $('#load').fadeIn('normal');
	
     function loadContent() {  
         $('#workimg').load(toLoad,'',showNewContent)  
     }  
     function showNewContent() {  
         $('#workimg').fadeIn('normal',hideLoader);  
     }  
     function hideLoader() {  
         $('#load').fadeOut('normal');  
     }  
     return false;  
   
     });   
  
  
  $('#workimg a').livequery('click',function(){  
   
      var toLoad = $(this).attr('href')+' #workimg';  
     $('#workimg').fadeOut('fast',loadContent);  
     $('#load').remove();  
     $('#wrapper').append('<span id="load">LOADING...</span>');  
     $('#load').fadeIn('normal');
	
     function loadContent() {  
         $('#workimg').load(toLoad,'',showNewContent)  
     }  
     function showNewContent() {  
         $('#workimg').fadeIn('normal',hideLoader);  
     }  
     function hideLoader() {  
         $('#load').fadeOut('normal');  
     }  
     return false;  
   
     });   
  
 
  
 
$('ul.worklist li.reelbtn a').livequery('mouseover',function() {
	$('img.d').animate({
    
    left: '-2px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.reelbtn a').livequery('mouseout',function() {
	$('img.d').animate({
    
    left: '-80px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.nflbtn a').livequery('mouseover',function() {
	$('img.f').animate({
    
    left: '-10px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.nflbtn a').livequery('mouseout',function() {
	$('img.f').animate({
    
    left: '-60px'
  }, 'fast', function() {
    // Animation complete.
  });
});

$('ul.worklist li.sonybtn a').livequery('mouseover',function() {
	$('img.g').animate({
    
    left: '-3px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.sonybtn a').livequery('mouseout',function() {
	$('img.g').animate({
    
    left: '-100px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.dswbtn a').livequery('mouseover',function() {
	$('img.h').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.dswbtn a').livequery('mouseout',function() {
	$('img.h').animate({
    
    left: '-60px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.mtagbtn a').livequery('mouseover',function() {
	$('img.i').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.mtagbtn a').livequery('mouseout',function() {
	$('img.i').animate({
    
    left: '-60px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.connectbtn a').livequery('mouseover',function() {
	$('img.j').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.connectbtn a').livequery('mouseout',function() {
	$('img.j').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.jcpbtn a').livequery('mouseover',function() {
	$('img.k').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.jcpbtn a').livequery('mouseout',function() {
	$('img.k').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.fmcbtn a').livequery('mouseover',function() {
	$('img.l').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.fmcbtn a').livequery('mouseout',function() {
	$('img.l').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});

$('ul.worklist li.pinbbtn a').livequery('mouseover',function() {
	$('img.m').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.pinbbtn a').livequery('mouseout',function() {
	$('img.m').animate({
    
    left: '-100px'
  }, 'fast', function() {
    // Animation complete.
  });
});

$('ul.worklist li.quinterobtn a').livequery('mouseover',function() {
	$('img.n').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.quinterobtn a').livequery('mouseout',function() {
	$('img.n').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.hyattbtn a').livequery('mouseover',function() {
	$('img.o').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.hyattbtn a').livequery('mouseout',function() {
	$('img.o').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.dmgbtn a').livequery('mouseover',function() {
	$('img.p').animate({
    
    left: '-3px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.dmgbtn a').livequery('mouseout',function() {
	$('img.p').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.viewbtn a').livequery('mouseover',function() {
	$('img.q').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.viewbtn a').livequery('mouseout',function() {
	$('img.q').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.dhbtn a').livequery('mouseover',function() {
	$('img.r').animate({
    
    left: '-7px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.dhbtn a').livequery('mouseout',function() {
	$('img.r').animate({
    
    left: '-110px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.nmbtn a').livequery('mouseover',function() {
	$('img.s').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.nmbtn a').livequery('mouseout',function() {
	$('img.s').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.eviebtn a').livequery('mouseover',function() {
	$('img.t').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.eviebtn a').livequery('mouseout',function() {
	$('img.t').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.barclaysbtn a').livequery('mouseover',function() {
	$('img.u').animate({
    
    left: '-3px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.barclaysbtn a').livequery('mouseout',function() {
	$('img.u').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.sienabtn a').livequery('mouseover',function() {
	$('img.v').animate({
    
    left: '-10px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.sienabtn a').livequery('mouseout',function() {
	$('img.v').animate({
    
    left: '-90px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.directbtn a').livequery('mouseover',function() {
	$('img.w').animate({
    
    left: '-6px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.directbtn a').livequery('mouseout',function() {
	$('img.w').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.beanbtn a').livequery('mouseover',function() {
	$('img.x').animate({
    
    left: '-8px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.beanbtn a').livequery('mouseout',function() {
	$('img.x').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.ricracbtn a').livequery('mouseover',function() {
	$('img.y').animate({
    
    left: '-3px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.ricracbtn a').livequery('mouseout',function() {
	$('img.y').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.killbtn a').livequery('mouseover',function() {
	$('img.z').animate({
    
    left: '-7px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.killbtn a').livequery('mouseout',function() {
	$('img.z').animate({
    
    left: '-80px'
  }, 'fast', function() {
    // Animation complete.
  });
});



$('ul.worklist li.dwbtn a').livequery('mouseover',function() {
	$('img.c').animate({
    
    left: '-6px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.dwbtn a').livequery('mouseout',function() {
	$('img.c').animate({
    
    left: '-70px'
  }, 'fast', function() {
    // Animation complete.
  });
});


$('ul.worklist li.logobtn a').livequery('mouseover',function() {
	$('img.e').animate({
    
    left: '-5px'
  }, 'fast', function() {
    // Animation complete.
  });
});

 
$('ul.worklist li.logobtn a').livequery('mouseout',function() {
	$('img.e').animate({
    
    left: '-100px'
  }, 'fast', function() {
    // Animation complete.
  });
});
//$('.about, .work, .contact').click(function(){
									 
//		$('#background').css({"opacity" : "1"})							 
// 						.fadeIn("slow");
// $('.home').click(function(){
									 
//	$('#background').css({"opacity" : "1"})							 
// 						.fadeOut("slow");							
//});


});