﻿var slider = {
    currentDivNum:0,
    contentDivs:0,
    init:function(parentDiv,className){
	    var divs=document.getElementById(parentDiv).getElementsByTagName("div")
	    contentDivs = []
	    currentDivNum = 0;
	    for (var i=0; i<divs.length; i++){
            if(divs[i].className == className)
            {
               contentDivs.push(divs[i])
            }
	    }
	    if(contentDivs.length>0){
	        contentDivs[0].style.position="absolute"; 
	        for (var i=1; i<contentDivs.length; i++){
                this.setOpacity(contentDivs[i], 0); 
                contentDivs[i].style.position="absolute"; 
                contentDivs[i].style.visibility="hidden"; 
	        }
	        setTimeout(function(){slider.next()}, 3000)
	    }
	    delete init;
    },
    next:function(){
        var num = currentDivNum+1
        if(num == contentDivs.length)
        {
            num = 0;
        }
        this.change(num);
    },
    previous:function(){
        var num = currentDivNum-1
        if(num == -1)
        {
            num = contentDivs.length -1;
        }
        this.change(num);
    },
    change:function(newNum){
        clearTimeout(window["sliderFade"]);
        contentDivs[newNum].style.visibility="visible";
		slider.fade(newNum, currentDivNum, 0);
		setTimeout(function(){slider.next()}, 3000)
    },
    fade:function(inNum, outNum, opacity){
        if(opacity > 100)
        {
            currentDivNum = inNum;
            contentDivs[outNum].style.visibility="hidden";
            return;
        }
        this.setOpacity(contentDivs[inNum], opacity);
        this.setOpacity(contentDivs[outNum], 100-opacity);
        opacity+=10
        window["sliderFade"]=setTimeout(function(){slider.fade(inNum, outNum, opacity)}, 30)
    },
    setOpacity:function(div, opacity){
        div.style.filter = "alpha(opacity:"+opacity+")";
        div.style.KHTMLOpacity = opacity/100;
        div.style.MozOpacity = opacity/100;
        div.style.opacity = opacity/100;
    }
}