﻿var index = 0;
var imgtimer = null;
var imgarr = null;
var flag = false;
var count = 0;
var flag2 = true;
var oldindex = 0;

function openTime() {
    imgtimer = setTimeout(autoShowImage, 4000);
}

function ClearTimer() {
    if (imgtimer)
        clearTimeout(imgtimer);
}

function ImageLoadingBar() {
   if(switchImageArray[index]=="undefined"||switchImageArray[index]==null) return;
    if (!flag) {
        imgarr = document.getElementById("SrcImg").getElementsByTagName("img");
        for (var i = 0; i < imgarr.length; i++)
            imgarr[i].src = AnalyzeStr(switchImageArray[index], "src");
        flag = true;
    }   
    for (var i = 0; i < imgarr.length; i++) {
        count += (imgarr[i].complete) ? 1 : 0;
    }
    if (count >= imgarr.length) {
        document.getElementById("ImagePlayer").style.display = "";
        setTimeout("autoShowImage();", 120);
    }
    else
        setTimeout(ImageLoadingBar, 30);
}

function ShowImage() {
    var imgObj = document.getElementById("newsimage");
    
     if(switchImageArray[index]=="undefined"||switchImageArray[index]==null) return;
    if (navigator.userAgent.toUpperCase().indexOf("MSIE") > 0) {
        imgObj.filters[0].apply();
        imgObj.src = AnalyzeStr(switchImageArray[index], "src");
        imgObj.filters[0].play();
    }
    else {
     
        imgObj.src = AnalyzeStr(switchImageArray[index], "src");
    }
    document.getElementById("imgLink").href = AnalyzeStr(switchImageArray[index], "url");
    document.getElementById("spTitle").innerText = AnalyzeStr(switchImageArray[index], "title");

    ChangeTabs();
    oldindex = index;
    index++;
    if (index >=3)
        index = 0;
}
function autoShowImage() {
    ShowImage();
    openTime();
}
function AnalyzeStr(obj, title) {
    var str = "";
    str = obj.substring(obj.indexOf("<" + title + ">") + title.length + 2, obj.indexOf("</" + title + ">"));
    return str;
}
function StopTimer() {
    flag2 = false;
    ClearTimer();
}
function ResumeTimer() {
    flag2 = true;
    openTime();
}
function ClickImage(value) {
    ClearTimer();
    index = value - 1;
    ShowImage();
    openTime();
}
function ChangeTabs() {
    var oclass = "btnstyle";
    if (oldindex + 1 == 3)
        oclass = "btnstyle";
    document.getElementById("btn" + (oldindex + 1)).className = oclass;
    document.getElementById("btn" + (index + 1)).className = "btnclick";
}
