/*

me@ctepeo.net
http://reactive.by/


*/

var percentEnlarge = 5;

var isInAnimate = false;

function callEffect(elm){
		if(isInAnimate==false){
			isInAnimate = true;
			var wd = $(elm).width();
			var ht = $(elm).height();
			var newwd = wd+(Math.round(wd/100)*percentEnlarge);
			var newht = ht+(Math.round(ht/100)*percentEnlarge);
			var newleft = Math.round($(elm).width()/60);
			$(elm).animate({width:newwd,height: newht,left:"+="+newleft+"px",top:"+="+newleft+"px"},50);
			$(elm).animate({width:wd,height:ht, left:"-="+newleft+"px"},50,'easeOutBounce');
			$(elm).animate({width:wd,height:ht, left:"-="+newleft+"px",top:"-="+newleft+"px"},50,'easeOutBounce');
			$(elm).animate({width:wd,height:ht, left:"+="+newleft+"px"},50,'easeOutBounce',function(){
				isInAnimate = false;
			});
			
		}
	}


$(document).ready(function(){
	
	if($.browser.opera || $.browser.msie){
		$("img.size11").hover(function(){
			callEffect("img.size11");
		});	
		$("img.size12, .size2 span").hover(function(){
			callEffect("img.size12");
		});	
		$("img.size13, .size3 span").hover(function(){
			callEffect("img.size13");
		});	
		$("img.size14, .size4 span").hover(function(){
			callEffect("img.size14");
		});	
	} else {
	
				var step = 40;
				var maxAngle = -720;
					
				$("img.size11").hover(function(){
					var xang = parseInt($(this).attr("xang"));
						var wooYayIntervalId = setInterval(function(){
							if(rotateEl("img.size11")){
								clearInterval(wooYayIntervalId);
							}
						},25);
				});
				
				$("img.size12, .size2 span").hover(function(){
					var xang = parseInt($(this).attr("xang"));
						var wooYayIntervalId2 = setInterval(function(){
							if(rotateEl("img.size12")){
								clearInterval(wooYayIntervalId2);
							}
						},25);	
				});
				
				$("img.size13, .size3 span").hover(function(){
					var xang = parseInt($(this).attr("xang"));
						var wooYayIntervalId3 = setInterval(function(){
							if(rotateEl("img.size13")){
								clearInterval(wooYayIntervalId3);
							}
						},25);	
				});
				
				
				$("img.size14, .size4 span").hover(function(){
					var xang = parseInt($(this).attr("xang"));
						var wooYayIntervalId3 = setInterval(function(){
							if(rotateEl("img.size14")){
								clearInterval(wooYayIntervalId3);
							}
						},25);	
				});
	
	}
	
	function rotateEl(elm){
			var CurAngle = parseInt($(elm).attr("xang"));
		if(CurAngle!=maxAngle){	
			var angle = CurAngle-step;
			var ieangle = 0;
			$(elm).attr("xang",parseInt(angle));
			if(parseInt(angle)>-719){
				ieangle = 0;
			}
			if(parseInt(angle)>-629){
				ieangle = 3;
			}
			if(parseInt(angle)>-539){
				ieangle = 2;
			}
			if(parseInt(angle)>-449){
				ieangle = 1;
			}
			if(parseInt(angle)>-359){
				ieangle = 0;
			}
			if(parseInt(angle)>-269){
				ieangle = 3;
			}
			if(parseInt(angle)>-179){
				ieangle = 2;
			}
			if(parseInt(angle)>-89){
				ieangle = 1;
			}
			$(elm).css({
				//	Safari, Chrome, etc
				"-webkit-transform":"rotate("+angle+"deg)",
			 	//	FF
			 	"-moz-transform":"rotate("+angle+"deg)",
			 	//	CSS3
			 	"rotation": angle+"deg"
			});
		} else {
			$(elm).attr("xang","0");
			return true;
		}
	}
	
});