var J = jQuery.noConflict();
var counter = 1;
function rotate() {

    var next = null;
    var current = J('#div' + counter);    

    if(counter <= 2)
        next = J('#div' + (counter + 1));
    else
        next = J('#div1');

    current.removeClass('z_index_high');    
    next.addClass('z_index_high').animate({ opacity: 1.0 }, 3000);
    current.animate({ opacity: 0.0 }, 3000);    

    counter++;
    if (counter > 3)
        counter = 1;
};

function theRotator() {
    J('#div2').css({ opacity: 0.0 });
    J('#div3').css({ opacity: 0.0 });    
    setInterval('rotate()', 7000);

}
J(document).ready(function () {    
    theRotator();
});