var totalFiles = 0;
var prevSlide = null;
var slideNo = 1;
var timer;
var playpauseState = true;
var PlaySlide = true;
//var NoSlide = false;
//var NoSlideForHomePage = true;

function SlidePaging(CounainerID, CallBackFunction, PageCount, PlayPauseFunction, NoSlide) {

    if (NoSlide) {
        eval(CallBackFunction.replace('~SlideNo~', 1))
    } else {
        var HTMLStream = "";
        var obj = GetElement(CounainerID);
        if (PageCount >= 1) {
            for (i = 1; i <= PageCount; i++) {
                totalFiles = PageCount;
                HTMLStream += "<div class='span_box'   id='sbox_" + i + "'   onClick=" + CallBackFunction.replace('~SlideNo~', i) + ";Paging_SelectedEffect(this.id);  >" + i + "</div>";
            }
            if (HTMLStream != "") {
                obj.innerHTML = HTMLStream + "<div class='span_box_hover' id='span_boxPlayPause' style='font-weight:bold; border:solid 1px #666; ' onClick=" + PlayPauseFunction + ">||</div>";
                obj.style.display = 'block';
            }
        }
    }
}
var HTMLStream= ""
/*
function SlidePagingDynamic(CounainerID, CallBackFunction, PageCount, PlayPauseFunction) {

    
   var url = _Domain + "/Images_Private/Main_Image/Slides/" + PageCount + ".htm";
    var obj = GetElement(CounainerID);
    var req = XHR();
    try {
        req.onreadystatechange = function() {
            var ready = req.readyState;
            if (ready == 4 && req.status == 200) {
                HTMLStream += "<div class='span_box'   id='sbox_" + PageCount + "'  onClick=" + CallBackFunction.replace('~SlideNo~', PageCount) + ";Paging_SelectedEffect(this.id);SlideShow_PlayPauseHandler();slideNo="+PageCount+";   >" + PageCount + "</div>";
                if (HTMLStream != "") {
                    obj.innerHTML = HTMLStream + "<div class='span_box_hover' id='span_boxPlayPause' style='font-weight:bold; height:21px; border:solid 1px #666; width:30px;' onClick=" + PlayPauseFunction + ">||</div>";
                    obj.style.display = 'block';
                    totalFiles++;
                }
                SlidePagingDynamic(CounainerID, CallBackFunction, PageCount += 1, PlayPauseFunction)
            }
        }
        req.open("GET", url, false);
        req.send("");
    }
    catch (ex) {
        //alert(ex);
    }
    finally {
    }

}
*/

  
function Paging_SelectedEffect(boxID) {
    var obj = GetElement(boxID);
    if (prevSlide == null) {
        prevSlide = obj;
        obj.className = 'span_box_hover';
    } else {
        prevSlide.className = 'span_box';
        obj.className = 'span_box_hover';
        prevSlide = obj;
    }
}



function SlideShow_Load(url) {
    ///var url = _Domain + "/Images_Private/Main_Image/Slides/" + SlideNo + ".htm";
    var IF = GetElement('frame_details');
    IF.src = url;
}

function SlideShow_AutoPlay(duration, path) {
    timer = setInterval(
        function() {
            if (GetElement("SlidePagingContainer").style.display == "none") {
                SlideShow_Stop();
            }
            if (PlaySlide) {
                slideNo++;
                if (slideNo <= totalFiles) {
                    Paging_SelectedEffect('sbox_' + slideNo);
                    SlideShow_Load(path.replace("~SlideNo~", slideNo));
                } else {
                    slideNo = 0;
                }
            }
        }, duration * 1000
        )
}
function SlideShow_PlayPauseHandler() {
    var btn = document.getElementById('span_boxPlayPause');
    if (PlaySlide) {
        PlaySlide = false;
        btn.innerHTML = ">";
    } else {
    PlaySlide = true;
    btn.innerHTML = "||";
    }
}
function SlideShow_Stop() {
    clearInterval(timer);
}
/*

function SlideShowSettings() {

    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET", "note.xml", false);
    xmlhttp.send();
    xmlDoc = xmlhttp.responseXML;

    document.getElementById("to").innerHTML =
        xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
    document.getElementById("from").innerHTML =
        xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
    document.getElementById("message").innerHTML =
        xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;

}*/