$(document).ready(function() {
    $(".rotate").each(function() {
        var $ad = new Array();
        var $ad_count;
        var $ad_interval;
        var $ad_old = 0;
        var $ad_current = 0;
        
        var $height = $(this).css("height");
    
    	$ad_count = $(this).children("div").length;
    	
    	for (var $i=0; $i<$ad_count; $i++) {
        	$ad[$i] = $(this).children("div:eq("+$i+")");
        	if (!$ad[$i].hasClass("hidden")) {
        		$ad_old = $ad_current = $i;
        	}
        	$ad[$i].removeClass("hidden").css("top", $height);
    	};
    	$ad[$ad_current].css("top", "0");
    	$ad_interval = setInterval(ad_rotate, 10000);
    	$(this).hover(function() {
    		clearInterval($ad_interval);
    	}, function() {
    		$ad_interval = setInterval(ad_rotate, 10000);
    		ad_rotate();
    	});
    	
    	function ad_rotate() {
        	$ad_current = ($ad_old + 1) % $ad_count;
        	$ad[$ad_old].animate({top: "-"+$height}, "slow", function() {
        		$(this).css("top", $height);
        	});
        	$ad[$ad_current].animate({top: 0}, "slow");
        	$ad_old = $ad_current;
        };

    });
});