var x;

$(document).ready(function() {

$("img#slide_03").animate({ opacity: "0.0" }, 1);
$("img#slide_04").animate({ opacity: "0.0" }, 1);
$("span#span_04").animate({ opacity: "0.0" }, 1);
$("span#span_03").animate({ opacity: "0.0" }, 1);

start_anim()
    
});



function start_anim() {

    if (x == null) 
    {
        x = 0;
    }
    
    
    if(x == 0) 
    {
        //alert(x);

        $("img#slide_04").animate({ opacity: "0.0" }, 4000);
        $("span#span_04").animate({ opacity: "0.0" }, 1000);
        $("span#span_01").animate({ opacity: "1.0" }, 1000);
        $("img#slide_01").animate({ opacity: "1.0" }, 3000);        
        //$("img#slide_04").fadeTo("4000", 0.0);
        //$("img#slide_01").fadeTo("4000", 100.0);
        x++;
    }
    else if(x == 1) 
    {
        //alert(x);
        $("img#slide_01").animate({ opacity: "0.0" }, 4000);
        $("span#span_01").animate({ opacity: "0.0" }, 1000);
        $("span#span_03").animate({ opacity: "1.0" }, 1000);
        $("img#slide_03").animate({ opacity: "1.0" }, 3000);
        //$("img#slide_01").fadeTo("4000", 0.0);
        //$("img#slide_01").fadeTo("4000", 100.0);
        x++;
    }
    else 
    {
        //alert(x);
        $("img#slide_03").animate({ opacity: "0.0" }, 4000);
        $("span#span_03").animate({ opacity: "0.0" }, 1000);
        $("span#span_04").animate({ opacity: "1.0" }, 1000);
        $("img#slide_04").animate({ opacity: "1.0" }, 3000);
        //$("img#slide_01").fadeTo("2000", 0.0);
        //$("img#slide_01").fadeTo("slow", 100.0);
        x = 0;        
    }
        
    setTimeout("start_anim()", 7400);
}