$(document).ready(function() {

	$('.tag1').mouseover(function(){
	  $(this).stop().animate({"width": "190px","left":"0px","top":"0px"}, 400,'swing');
	}).mouseout(function(){ 
	  $(this).stop().animate({"width": "150px","left":"5px","top":"5px"}, 400,'swing');
	});

	$('.tag2').mouseover(function() {
	    $(this).stop().animate({ "width": "170px", "left": "14px", "top": "0px" }, 400, 'swing');
	}).mouseout(function() {
	    $(this).stop().animate({ "width": "130px", "left": "28px", "top": "11px" }, 400, 'swing');
	});

	$('.tag3').mouseover(function() {
	    $(this).stop().animate({ "width": "170px", "left": "14px", "top": "10px" }, 400, 'swing');
	}).mouseout(function() {
	    $(this).stop().animate({ "width": "130px", "left": "28px", "top": "11px" }, 400, 'swing');
	});

	$('.tag4').mouseover(function() {
	    $(this).stop().animate({ "width": "130px", "left": "14px", "top": "10px" }, 400, 'swing');
	}).mouseout(function() {
	    $(this).stop().animate({ "width": "100px", "left": "28px", "top": "11px" }, 400, 'swing');
	});

	$('.tag5').mouseover(function() {
	    $(this).stop().animate({ "width": "240px", "left": "14px", "top": "10px" }, 400, 'swing');
	}).mouseout(function() {
	    $(this).stop().animate({ "width": "200px", "left": "28px", "top": "11px" }, 400, 'swing');
	});

	$('.tag6').mouseover(function() {
	    $(this).stop().animate({ "width": "170px", "left": "14px", "top": "10px" }, 400, 'swing');
	}).mouseout(function() {
	    $(this).stop().animate({ "width": "130px", "left": "28px", "top": "11px" }, 400, 'swing');
	});

	$('.tag7').mouseover(function() {
	    $(this).stop().animate({ "width": "170px", "left": "14px", "top": "10px" }, 400, 'swing');
	}).mouseout(function() {
	    $(this).stop().animate({ "width": "130px", "left": "28px", "top": "11px" }, 400, 'swing');
	});

	$('.icon').mouseover(function() {
	    //moving the div left a bit is completely optional
	    //but should have the effect of growing the image from the middle.
	    $(this).stop().animate({ "height": "137px", "left": "14px", "top": "0px" }, 400, 'swing');
	}).mouseout(function() {
	    $(this).stop().animate({ "height": "115px", "left": "28px", "top": "11px" }, 400, 'swing');
	});
	$(".icons").easyTooltip();
});