var $camp = $('.small_content_port_campaigns');
$("#campaigns").hover(
function(){
	clearTimeout($camp.t);
    $camp.stop().animate({"top": "25px"}, "medium");
},
function(){
	$camp.t = setTimeout((function() {
        $camp.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $websites = $('.small_content_port_websites');
$("#websites").hover(
function(){
	clearTimeout($websites.t);
    $websites.stop().animate({"top": "25px"}, "medium");
},
function(){
	$websites.t = setTimeout((function() {
        $websites.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $3d = $('.small_content_port_3d');
$("#3d").hover(
function(){
	clearTimeout($3d.t);
    $3d.stop().animate({"top": "25px"}, "medium");
},
function(){
	$3d.t = setTimeout((function() {
        $3d.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $port = $('.small_content_port');
$("#port").hover(
function(){
	clearTimeout($port.t);
    $port.stop().animate({"top": "25px"}, "medium");
},
function(){
	$port.t = setTimeout((function() {
        $port.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $forum = $('.small_content_forum');
$("#forum").hover(
function(){
	clearTimeout($forum.t);
    $forum.stop().animate({"top": "25px"}, "medium");
},
function(){
	$forum.t = setTimeout((function() {
        $forum.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $contact = $('.small_content_contact');
$("#contact").hover(
function(){
	clearTimeout($contact.t);
    $contact.stop().animate({"top": "25px"}, "medium");
},
function(){
	$contact.t = setTimeout((function() {
        $contact.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $test = $('.small_content_test');
$("#test").hover(
function(){
	clearTimeout($test.t);
    $test.stop().animate({"top": "25px"}, "medium");
},
function(){
	$test.t = setTimeout((function() {
        $test.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $mag = $('.small_content_mag');
$("#mag").hover(
function(){
	clearTimeout($mag.t);
    $mag.stop().animate({"top": "25px"}, "medium");
},
function(){
	$mag.t = setTimeout((function() {
        $mag.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

var $about = $('.small_content_about');
$("#about").hover(
function(){
	clearTimeout($about.t);
    $about.stop().animate({"top": "25px"}, "medium");
},
function(){
	$about.t = setTimeout((function() {
        $about.stop().animate({"top": "100px"}, "medium");
	}), 200);
  }
);

//slider

$("#slider_websites").click(
function(){
	$(".rotator_container").animate({"left": "0px"}, "slow");
}
);

$("#slider_ci").click(
function(){
	$(".rotator_container").animate({"left": "-700px"}, "slow");
}
);

$("#slider_campaigns").click(
function(){
	$(".rotator_container").animate({"left": "-1400px"}, "slow");
}
);

$("#slider_print").click(
function(){
	$(".rotator_container").animate({"left": "-2100px"}, "slow");
}
);

$("#slider_video").click(
function(){
	$(".rotator_container").animate({"left": "-2800px"}, "slow");
}
);

$("#slider_illustration").click(
function(){
	$(".rotator_container").animate({"left": "-3500px"}, "slow");
}
);

$("#slider_3d").click(
function(){
	$(".rotator_container").animate({"left": "-4200px"}, "slow");
}
);

$("#slider_photo").click(
function(){
	$(".rotator_container").animate({"left": "-4900px"}, "slow");
}
);

$("#slider_app").click(
function(){
	$(".rotator_container").animate({"left": "-5600px"}, "slow");
}
);