var images = new Array("res/banner/1-100.jpg", "res/banner/2-100.jpg", "res/banner/3-100.jpg", "res/banner/4-100.jpg");

var count=0;
var opacity=1;
var slide=0;
var order='asc';

function startAnimation(){
    var parentNode=document.getElementById("animation");
    
    var banner=new Image();
    banner.setAttribute("id","banner");
    parentNode.appendChild(banner);
    
    var animate=setTimeout("animate()", 1000);
}

function animate(){
    if(document.getElementById("Img1")){
        if(document.getElementById("Img2")){
            if(document.getElementById("Img3")){
                if(document.getElementById("Img4")){
                    if(document.getElementById("banner")){
                        clearTimeout(animate);
                        startTimer();
                    }                
                    else{
                        var animate=setTimeout("animate()", 1000);
                    }
                }
            }
        }
    }
}
        
function startTimer(){
    count=count+1;
    //alert(images[count] + " - " + images.length);
    if(count==images.length){count=0;}
    delayTimer();
    //alert("count" + count);
    //alert("slide" + slide);
}

function delayTimer(){
    var img = document.getElementById("banner");
    img.src=images[count];
    img.style.opacity = (opacity*2)/100;
	img.style.filter = 'alpha(opacity=' + opacity*2 + ')';
    var t=setTimeout("delayTimer()", 100);
    
    if(opacity==50){
        order="des";
    }
    else if(opacity==2){
        order="asc";
        //alert(img.style.filter);
        slide=slide+1;
    }
    
    if(order=="asc"){
        opacity=opacity+1;
    }
    else{
        opacity=opacity-1;
    }
    
    if(slide==count+1){
        startTimer();
        clearTimeout(t);
    }
    if(slide==images.length){slide=0;}
}
window.onload=startAnimation;