jQuery(document).ready(function(){
//    jQuery(".top").css({"opacity":"0"});
//    jQuery(".mid").css({"opacity":"0"});
//    jQuery(".bottom").css({"opacity":"0"});
//    animate_banner();
});

/*
jQuery(document).ready(function(){
    jQuery(".top2").css({"color":"red"});
    jQuery(".mid2").css({"color":"red"});
    jQuery(".bottom2").css({"color":"red"});
    jQuery(".first1").css({"margin-left":"500px"});
    jQuery(".first2").css({"margin-left":"500px"});
    jQuery(".first3").css({"margin-left":"500px"});
    init_banner();
});
*/
function animate_banner(){
    setTimeout("ani_in('top')",1);
    setTimeout("ani_in('mid')",3000);
    setTimeout("ani_in('bottom')",6000);
    setTimeout("color_white('top')",5000);
    setTimeout("color_white('mid')",8000);
    setTimeout("color_white('bottom')",11000);
    setTimeout("ani_out('top')",9000);
    setTimeout("ani_out('mid')",12000);
    setTimeout("ani_out('bottom')",15000);

    setTimeout("animate_banner()",15000);
}

function ani_in(classname){
    jQuery("."+classname+"2").css({"color":"red"});
    jQuery("."+classname).animate({"opacity":"1"}, 5000);
}
function ani_out(classname){
    jQuery("."+classname).animate({"opacity":"0"}, 5000);
}
function color_white(classname){
    jQuery("."+classname+"2").animate({"color":"white"}, 3000);
}
function init_banner(){
    jQuery(".first1").animate({"margin-left":"10"},500);
    jQuery(".first2").animate({"margin-left":"40"},1500);
    jQuery(".first3").animate({"margin-left":"70"},2500);
    animate_banner();
}