$(function(){
      $("#extruderLeft").buildMbExtruder({
        position:"left",
        flapDim:140,
        width:300,
        extruderOpacity:.8,
        onClose:function(){},
        onContentLoad: function(){}
      });
      $("#extruderLeft1").buildMbExtruder({
        position:"left",
        width:300,
        flapDim:140,
        extruderOpacity:.8,
        onClose:function(){},
        onContentLoad: function(){}
      });
    });









$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
				$('.boxgrid.mvmc').hover(function(){
					$(".cover", this).stop().animate({top:'170px'},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
				});
				//Horizontal Sliding
				$('.boxgrid.ks').hover(function(){
					$(".cover", this).stop().animate({left:'270px'},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:500});
				});
				//Diagnal Sliding
				$('.boxgrid.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'170px', left:'270px'},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:500});
				});
				//Partial Sliding (Only show some of background)
				$('.boxgrid.cks').hover(function(){
					$(".cover", this).stop().animate({opacity: 0},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({opacity: 1},{queue:false,duration:500});
				});
				//Full Caption Sliding (Hidden to Visible)
				$('.boxgrid.ima').hover(function(){
					$(".cover", this).stop().animate({top:'170px'},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.algofi').hover(function(){
					$(".cover", this).stop().animate({top:'170px'},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
				});
			});
			
			
			
			
			  $(function() {
			$("#etude").hover(function(){
				$(this).animate({marginLeft: "20px"},{queue:false,duration:500});
			}, function(){
				$(this).animate({marginLeft: "0px"},{queue:false,duration:500});
			});
			
			$("#design").hover(function(){
				$(this).animate({marginLeft: "20px"},{queue:false,duration:500});
			}, function(){
				$(this).animate({marginLeft: "0px"},{queue:false,duration:500});
			});
			
			$("#integration").hover(function(){
				$(this).animate({marginLeft: "20px"},{queue:false,duration:500});
			}, function(){
				$(this).animate({marginLeft: "0px"},{queue:false,duration:500});
			});
			
			$("#dev").hover(function(){
				$(this).animate({marginLeft: "20px"},{queue:false,duration:500});
			}, function(){
				$(this).animate({marginLeft: "0px"},{queue:false,duration:500});
			});
			
			$("#ref").hover(function(){
				$(this).animate({marginLeft: "20px"},{queue:false,duration:500});
			}, function(){
				$(this).animate({marginLeft: "0px"},{queue:false,duration:500});
			});
	});