var j = jQuery.noConflict();
j(document).ready(function(){
var speed = 250;
var about_pos = 0;

j(".introbox_about_active").fadeTo(0,0);
j(".introbox_works_active").fadeTo(0,0);
j(".introbox_contact_active").fadeTo(0,0);

	j('.introbox_about_shadow').hover( 
	function () {
	   // if(about_pos == 1)
	    {
 	j(".introbox_about_active").stop();
		j(".introbox_about").stop();
		j(".introbox_about_shadow").stop();
		j(".introbox_about_active").fadeTo(speed, 1);
		j(".introbox_about").animate({ top: 15}, speed );  
		j(".introbox_about_shadow").animate({ 
			width:193,
			marginLeft:6,
			marginTop:-2,
			height:324
		}, speed );
      }
		}, 
	function () {
   	j(".introbox_about_active").stop();
		j(".introbox_about").stop();
		j(".introbox_about_shadow").stop();
		  
		j(".introbox_about_active").fadeTo(speed, 0);
		j(".introbox_about").animate({ top: 25}, speed );  
		  
		j(".introbox_about_shadow").animate({ 
			width:205,
			marginLeft:0,
			marginTop:0,
			height:324
		}, 300 );
		});

	j('.introbox_about').hover( 
	function () {
		j(".introbox_about_active").stop();
		j(".introbox_about").stop();
		j(".introbox_about_shadow").stop();
		j(".introbox_about_active").fadeTo(speed, 1);
		j(".introbox_about").animate({ top: 15}, speed );  
		j(".introbox_about_shadow").animate({ 
			width:193,
			marginLeft:6,
			marginTop:-2,
			height:324
		}, speed );
		about_pos = 1; 
		}, 
	function () {
		j(".introbox_about_active").stop();
		j(".introbox_about").stop();
		j(".introbox_about_shadow").stop();
		  
		j(".introbox_about_active").fadeTo(speed, 0);
		j(".introbox_about").animate({ top: 25}, speed );  
		  
		j(".introbox_about_shadow").animate({ 
			width:205,
			marginLeft:0,
			marginTop:0,
			height:324
		}, 300 );
		about_pos = 0;
		});
		
		
			j('.introbox_works_shadow').hover( 
	function () {
		j(".introbox_works_active").stop();
		j(".introbox_works").stop();
		j(".introbox_works_shadow").stop();
		  
		  
		j(".introbox_works_active").fadeTo(speed, 1);
		j(".introbox_works").animate({ top: 15}, speed );  
		j(".introbox_works_shadow").animate({ 
			width:193,
			marginLeft:6,
			marginTop:-2,
			height:324
		}, speed );
		}, 
	function () {
		j(".introbox_works_active").stop();
		j(".introbox_works").stop();
		j(".introbox_works_shadow").stop();
		  
		j(".introbox_works_active").fadeTo(speed, 0);
		j(".introbox_works").animate({ top: 25}, speed );  
		  
		j(".introbox_works_shadow").animate({ 
			width:205,
			marginLeft:0,
			marginTop:0,
			height:324
		}, 300 );
		});
		
	j('.introbox_works').hover( 
	function () {
		j(".introbox_works_active").stop();
		j(".introbox_works").stop();
		j(".introbox_works_shadow").stop();
		  
		  
		j(".introbox_works_active").fadeTo(speed, 1);
		j(".introbox_works").animate({ top: 15}, speed );  
		j(".introbox_works_shadow").animate({ 
			width:193,
			marginLeft:6,
			marginTop:-2,
			height:324
		}, speed );
		}, 
	function () {
		j(".introbox_works_active").stop();
		j(".introbox_works").stop();
		j(".introbox_works_shadow").stop();
		  
		j(".introbox_works_active").fadeTo(speed, 0);
		j(".introbox_works").animate({ top: 25}, speed );  
		  
		j(".introbox_works_shadow").animate({ 
			width:205,
			marginLeft:0,
			marginTop:0,
			height:324
		}, 300 );
		});
		
		j('.introbox_contact_shadow').hover( 
	function () {
		j(".introbox_contact_active").stop();
		j(".introbox_contact").stop();
		j(".introbox_contact_shadow").stop();
		j(".introbox_contact_active").fadeTo(speed, 1);
		j(".introbox_contact").animate({ top: 15}, speed );  
		j(".introbox_contact_shadow").animate({ 
			width:193,
			marginLeft:6,
			marginTop:-2,
			height:324
		}, 300 );
		}, 
	function () {
		j(".introbox_contact_active").stop();
		j(".introbox_contact").stop();
		j(".introbox_contact_shadow").stop();
		j(".introbox_contact_active").fadeTo(speed, 0);
		j(".introbox_contact").animate({ top: 25}, speed );
		j(".introbox_contact_shadow").animate({ 
			width:205,
			marginLeft:0,
			marginTop:0,
			height:324
		}, 300 );
	});	
		
	j('.introbox_contact').hover( 
	function () {
		j(".introbox_contact_active").stop();
		j(".introbox_contact").stop();
		j(".introbox_contact_shadow").stop();
		j(".introbox_contact_active").fadeTo(speed, 1);
		j(".introbox_contact").animate({ top: 15}, speed );  
		j(".introbox_contact_shadow").animate({ 
			width:193,
			marginLeft:6,
			marginTop:-2,
			height:324
		}, 300 );
		}, 
	function () {
		j(".introbox_contact_active").stop();
		j(".introbox_contact").stop();
		j(".introbox_contact_shadow").stop();
		j(".introbox_contact_active").fadeTo(speed, 0);
		j(".introbox_contact").animate({ top: 25}, speed );
		j(".introbox_contact_shadow").animate({ 
			width:205,
			marginLeft:0,
			marginTop:0,
			height:324
		}, 300 );
	});
});