// JScript File - Element_Transition
    var elems = [];
    var cur_element = '';
    var next_element = '';
    var t_timer = '';
    var f_timer = '';
    var t_timeout = '';
    var f_timeout = '';
    var passed_once = false;

    function opacity(div1, div2, opacStart, opacEnd, millisec) {//debugger;
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
    var e = 100;
    
    passed_once = true;
    
    for(i = opacStart; i <= opacEnd; i++) {
        e = e - 1;
        f_timeout = setTimeout('changeOpac(' + i + ',' + e + ')',(timer * speed));
        timer++;
        }
  
        document.getElementById(elems[next_element]).style.zIndex = 10;
        document.getElementById(elems[cur_element]).style.zIndex = 1;
    }
    
    //change the opacity for different browsers
    function changeOpac(opacity1, opacity2) {//debugger;
        
        var object1 = document.getElementById(elems[cur_element]).style;
        var object2 = document.getElementById(elems[next_element]).style;
        
        object1.opacity = (opacity2 / 100);
        object1.MozOpacity = (opacity2 / 100);
        object1.KhtmlOpacity = (opacity2 / 100);
        object1.filter = 'alpha(opacity=' + opacity2 + ')';
        
        object2.opacity = (opacity1 / 100);
        object2.MozOpacity = (opacity1 / 100);
        object2.KhtmlOpacity = (opacity1 / 100);
        object2.filter = 'alpha(opacity=' + opacity1 + ')';
        }
    
    function setTransition(elements, fadeTimer, transTimer) {//debugger;
        elems = elements.split(';');
        f_timer = fadeTimer;
        t_timer = transTimer;
        cur_element = 0 ;
        next_element = 1;
        t_timeout = setInterval('setElements()',t_timer);
        }
       
    function setElements() {//debugger;
        if (passed_once == true){
            cur_element = next_element;
            next_element = next_element + 1;
            if (next_element == elems.length){
                next_element = 0;
                }
            }
        opacity(elems[cur_element], elems[next_element],0,100,f_timer);
        }
        
        
    function buttonChanger(clicked_name){
        
        var new_element = '';
        for (i=0;i<=elems.length - 1;i++){
            
            if (elems[i] == clicked_name){
                new_element = i;
                } 
            }
        if (next_element == new_element){
            return;
            }
        //debugger;
        if (document.getElementById(elems[next_element]).style.opacity != 1){
            return;
            }
        
        for (i=0;i<=elems.length - 1;i++){
            if (i != next_element){
                document.getElementById(elems[i]).style.opacity = (0 / 100);
                document.getElementById(elems[i]).style.MozOpacity = (0 / 100);
                document.getElementById(elems[i]).style.KhtmlOpacity = (0 / 100);
                document.getElementById(elems[i]).style.filter = 'alpha(opacity=' + 0 + ')';
                }
            }
        clearInterval(t_timeout);
        cur_element = next_element;
        next_element = new_element;
        passed_once = false;
        setElements();
        t_timeout = setInterval('setElements()',t_timer);     
        }