$(document).ready(function(){  
    	//GREEN

$(".illbar").css('opacity', 0);
    //When mouse rolls over  
    $("a.illustration").mouseover(function(){  
     $(".illbar").show();
    	$(".illbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".illbar").animate({width:'150px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  

    //When mouse is removed  
    $("a.illustration").mouseout(function(){  
        	$(".illbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".illbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  

$(".gdbar").css('opacity', 0);    
        //When mouse rolls over  
    $("a.graphicdesign").mouseover(function(){  
     $(".gdbar").show();
    	$(".gdbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".gdbar").animate({width:'165px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.graphicdesign").mouseout(function(){  
        	$(".gdbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".gdbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  

$(".wdbar").css('opacity', 0);
            //When mouse rolls over  
    $("a.webdevelopment").mouseover(function(){  
     $(".wdbar").show();
    	$(".wdbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".wdbar").animate({width:'172px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.webdevelopment").mouseout(function(){  
        	$(".wdbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".wdbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    }); 

$(".ncbar").css('opacity', 0);    
            //When mouse rolls over  
    $("a.noncommercial").mouseover(function(){  
     $(".ncbar").show();
    	$(".ncbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".ncbar").animate({width:'165px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.noncommercial").mouseout(function(){  
        	$(".ncbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".ncbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    }); 
  
	//BLUE
$(".trbar").css('opacity', 0);
    //When mouse rolls over  
    $("a.traditional").mouseover(function(){  
     $(".trbar").show();
    	$(".trbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".trbar").animate({width:'165px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  

    //When mouse is removed  
    $("a.traditional").mouseout(function(){  
        	$(".trbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".trbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  

$(".digbar").css('opacity', 0);    
        //When mouse rolls over  
    $("a.digital").mouseover(function(){  
     $(".digbar").show();
    	$(".digbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".digbar").animate({width:'135px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.digital").mouseout(function(){  
        	$(".digbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".digbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  

$(".idbar").css('opacity', 0);    
            //When mouse rolls over  
    $("a.identity").mouseover(function(){  
     $(".idbar").show();
    	$(".idbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".idbar").animate({width:'145px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.identity").mouseout(function(){  
        	$(".idbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".idbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    }); 

$(".prbar").css('opacity', 0);    
            //When mouse rolls over  
    $("a.print").mouseover(function(){  
     $(".prbar").show();
    	$(".prbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".prbar").animate({width:'122px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.print").mouseout(function(){ 
        	$(".prbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".prbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    }); 

$(".webbar").css('opacity', 0);    
            //When mouse rolls over  
    $("a.web").mouseover(function(){  
     $(".webbar").show();
    	$(".webbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
        $(".webbar").animate({width:'110px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.web").mouseout(function(){ 
        	$(".webbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".webbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    }); 

	//YELLOW
$(".allbar").css('opacity', 0);
        //When mouse rolls over  
    $("a.all").mouseover(function(){  
     $(".allbar").show();
    	$(".allbar").stop().animate({opacity: 1}, {queue: false, duration: 300});
        $(".allbar").animate({width:'75px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("a.all").mouseout(function(){  
        	$(".allbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});

        $(".allbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})  
    });  

$(".abar").css('opacity', 0);    
            //When mouse rolls over  
    $("li#menu-item-46 a").mouseover(function(){  
     $(".abar").show();
    	$(".abar").stop().animate({opacity: 1}, {queue: false, duration: 300});
        $(".abar").animate({width:'81px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("li#menu-item-46 a").mouseout(function(){ 
        	$(".abar").stop().animate({opacity: 0}, {queue: false, duration: 300});
        $(".abar").animate({width:'0px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    }); 
    

$(".cbar").css('opacity', 0);
            //When mouse rolls over  
    $("li#menu-item-45 a").mouseover(function(){  
     $(".cbar").show();
    	$(".cbar").stop().animate({opacity: 1}, {queue: false, duration: 300});
        $(".cbar").animate({width:'95px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("li#menu-item-45 a").mouseout(function(){  
        	$(".cbar").stop().animate({opacity: 0}, {queue: false, duration: 300});

        $(".cbar").animate({width:'0px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    }); 

	$(".lbar").css('opacity', 0);
    $("li#menu-item-44 a").mouseover(function(){  
   		$(".lbar").show();
    	$(".lbar").stop().animate({opacity: 1}, {queue: false, duration: 300});
        $(".lbar").animate({width:'82px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("li#menu-item-44 a").mouseout(function(){  
    	$(".lbar").stop().animate({opacity: 0}, {queue: false, duration: 300});
        $(".lbar").animate({width:'0px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    }); 
    
    $(".bbar").css('opacity', 0);
    $("li#menu-item-405 a").mouseover(function(){  
   		$(".bbar").show();
    	$(".bbar").stop().animate({opacity: 1}, {queue: false, duration: 300});
        $(".bbar").animate({width:'77px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    });  
  
    //When mouse is removed  
    $("li#menu-item-405 a").mouseout(function(){  
    	$(".bbar").stop().animate({opacity: 0}, {queue: false, duration: 300});
        $(".bbar").animate({width:'0px'},{queue:false, duration:200, easing: 'easeOutSine'})  
    }); 
    

	//HEADER
        //When mouse rolls over  
	$(".headbar").css('opacity', 0);
    $("a.header").mouseover(function(){  
        $(".headbar").show();
    	$(".headbar").stop().animate({opacity: 1}, {queue: false, duration: 1000});
    	$(".headbar").animate({width:'435px'},{queue:false, duration:600, easing: 'easeOutSine'})
    });  
  
    //When mouse is removed  
    $("a.header").mouseout(function(){  
    	$(".headbar").stop().animate({opacity: 0}, {queue: false, duration: 1000});
		$(".headbar").animate({width:'0px'},{queue:false, duration:600, easing: 'easeOutSine'})    });  
	
  
});