// JScript File - Element_Transition
    var elems = [];
    var Btn_location = [];
    var Img_URL = [];
    var Second_Img_URL = [];
    var _URL_Target = "";
    var cur_element = '';
    var next_element = '';
    var t_timer = '';
    var f_timer = '';
    var t_timeout = '';
    var f_timeout = '';
    var passed_once = false;
    var PauseAnimation = 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, location, URL,SecondURL, targetlist, fadeTimer, transTimer) {//debugger;
        elems = elements.split(';');
        Btn_location = location.split(';');
        Img_URL = URL.split(';');
        Second_Img_URL = SecondURL.split(';');
        _URL_Target = targetlist.split(';');
        f_timer = fadeTimer;
        t_timer = transTimer;
        cur_element = 0 ;
        next_element = 1;
        t_timeout = setInterval('setElements()',t_timer);
        }

        function setElements() {//debugger;
            if (!PauseAnimation) {
                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);

                //change background Image
                var cur_image_pos = elems[next_element].replace("slideid_", "");
                //cur_image_pos = parseInt((parseInt(cur_image_pos) + 1));
                var NumImgID = "Num_" + cur_image_pos;
                //alert(NumImgID);
                document.getElementById(NumImgID).src = "includes/images/HomePages/" + cur_image_pos + "_On.gif";
                // reset numbers
                for (var i = 1; i < 6; i++) {
                    if (i != cur_image_pos) {
                        var old_image_pos = i;
                        var NumImgID = "Num_" + old_image_pos;
                        //alert(NumImgID);
                        document.getElementById(NumImgID).src = "includes/images/HomePages/" + old_image_pos + ".gif";
                    }
                }

                //var temp = new Array();
                //temp = Btn_location[next_element].split(',');
                //document.getElementById("Num_Billboard").style.marginLeft = temp[0]+"px";
                //document.getElementById("Num_Billboard").style.marginTop = temp[1]+"px";
                document.getElementById("Num_Billboard_Link").href = Img_URL[next_element];
                if (Second_Img_URL[next_element] == "") {
                    //document.getElementById("Second_slide_Link").href = "#";
                    document.getElementById("Second_slide_Link").style.display = "none";
                }
                else {
                    document.getElementById("Second_slide_Link").style.display = "block";
                    document.getElementById("Second_slide_Link").href = Second_Img_URL[next_element];
                }
                document.getElementById("Num_Billboard_Link").target = _URL_Target[next_element];
            }
            else { 
                
            }
}
        
    function buttonChanger(clicked_name){
        PauseAnimation = false
        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 + ')';
                }
        }


        //var temp = new Array();
        //temp = Btn_location[next_element].split(',');
        //document.getElementById("Num_Billboard").style.marginTop = temp[0]+"px";
        //document.getElementById("Num_Billboard").style.marginLeft = temp[1]+"px";
        document.getElementById("Num_Billboard_Link").href = Img_URL[next_element];
        document.getElementById("Num_Billboard_Link").target = _URL_Target[next_element];

        clearInterval(t_timeout);
        cur_element = next_element;
        next_element = new_element;
        passed_once = false;
        setElements();
        t_timeout = setInterval('setElements()',t_timer);
    }

    function StopAnimation() {
        PauseAnimation = true;
    }

    function StartAnimation() {
        PauseAnimation = false;
    }