//var sliderElements = []; // empty array

// object literal notation to create your structures
// sliderElements.push({ Products: 'Product', SubHeadings: 'Sub heading', LeftText:'Left text.', RightText: 'Right text.', \
//                       VImage:'3_V.jpg', HImages:'3_H.gif', hdescriptions:'Description', PNotes:'PNote', LinkUrls:'URI', LinkTexts:'Link Tip'});

var slidetimer = 8000; var ptype = 1;
var imgpath = "/Controls/Slider/promos/";
var vcurrent = 0;
var v_timer = null;
var firstload = true;
var pageno = 1;

function getObjectStyle(objid) {    
    if (typeof objid == "string")
        return document.getElementById(objid).style; 
    else 
        return objid; 
}

function getLinkHTML(lnkIdx) {
 
    var strHTML = "";
    var strLinkUrl = LinkUrls[lnkIdx];
    var strPdNote = PNotes[lnkIdx];
    var strLinkText = LinkTexts[lnkIdx];
    var LinkTypes = LinkType[lnkIdx];

//    if (strLinkUrl == "")
//        strHTML += "<a href='imagereader.aspx?path=" + strPdNote + "' target='_blank' class='promolink'>" +
//        strLinkText + "</a>"; 
//    else 
      if(LinkTypes == "videos")
{
        strHTML += "<a href='javascript:showPopup(\"\", \"<iframe src="+unescape( strLinkUrl )+" width=450 height=300 frameborder=0 framespacing=0 marginheight=0 marginwidth=0 scrolling=no  overflow-x=hidden overflow-y=hidden ></iframe>\",320,470, true, false);' class='promolink'>" +
        strLinkText + "</a>";
        }
         
       
        else
        {
        strHTML += "<a href='" +unescape(strLinkUrl) + "' class='promolink'>" +
        strLinkText + "</a>";
        }
    return strHTML;
}


var SlideDelay = 25; var p_timer = null; var inv_timer = null;
var sl_timer = null; var blnAuto = false; var strLinks = "";
var lastPos = null;

function MoveObject(direction) {
    
    var promotblstyle = getObjectStyle("htable1");
    
    // this has some problem
    var promowidth = 850; //promotblstyle.width;
    
    clearTimeout(p_timer);
    clearInterval(inv_timer);
    if (sl_timer != null) clearInterval(sl_timer);
    if (blnAuto) Slider(1);

    var total = null;
    if (direction == "right" || direction == "auto") {
        if (pageno == SlidesToShow)
            pageno = 1
        else
            pageno = pageno + 1;
    } else if (direction == "left") {
        if (pageno == 1)
            pageno = SlidesToShow;
        else
            pageno = pageno - 1;
    }

    setData(pageno);
    document.getElementById("a" + pageno).className = "cur";

    promotblstyle.left = (parseInt(promowidth) - 20) + "px";

    inv_timer = setInterval("MoveIt('left',0)", SlideDelay);
}

function MoveIt(direction, timer) {
    //var promotbldiv = document.getElementById('sliderdiv');
    var promotblstyle = getObjectStyle('htable1'); //document.getElementById('htable1');

    if (direction == 'left' && parseInt(promotblstyle.left) > 0) {
        promotblstyle.left = (parseInt(promotblstyle.left) - 1) + "px";
        p_timer = setTimeout("MoveIt('left',0) ", timer);
    }
    else if (direction == 'right' && parseInt(promotblstyle.left) < 0) {
        promotblstyle.left = (parseInt(promotblstyle.left) + 1) + "px";
        p_timer = setTimeout("MoveIt('right',0) ", timer);
    }
    else {
        ClearSlideTimer();
    }
}

function ClearSlideTimer() { clearTimeout(p_timer); p_timer = null; clearInterval(inv_timer); inv_timer = null; }

function setData(intPage) {

    var current = 3 * intPage - 1;
    document.getElementById("hd1").innerHTML = Products[current - 2];
    document.getElementById("hd2").innerHTML = Products[current-1];
    document.getElementById("hd3").innerHTML = Products[current];
    document.getElementById("img1").src = imgpath + HImages[current - 2];
    document.getElementById("img2").src = imgpath + HImages[current-1];
    document.getElementById("img3").src = imgpath + HImages[current];
    document.getElementById("spnHd1").innerHTML = SubHeadings[current - 2];
    document.getElementById("spnHd2").innerHTML = SubHeadings[current -1];
    document.getElementById("spnHd3").innerHTML = SubHeadings[current];
//  document.getElementById("spnhdesc1").innerHTML = hdescriptions[current - 2];
//  document.getElementById("spnhdesc2").innerHTML = hdescriptions[current-1];
//  document.getElementById("spnhdesc3").innerHTML = hdescriptions[current];
    document.getElementById("spnLnk1").innerHTML = getLinkHTML(current - 2);
    document.getElementById("spnLnk2").innerHTML = getLinkHTML(current - 1);
    document.getElementById("spnLnk3").innerHTML = getLinkHTML(current); strLinks = "";
    
    
    for (var aidx = 1; aidx <= SlidesToShow; aidx++) {
        if (aidx == 1)
            strLinks += "<a id='a" + aidx + "' href='javascript:pageno=" + SlidesToShow + " ;MoveObject(\"right\");' >" + aidx + "</a>";
        else
            strLinks += "<a id='a" + aidx + "' href='javascript:pageno= " + eval(aidx - 1) + ";MoveObject(\"right\");' >" + aidx + "</a>";
    }
    document.getElementById('thumbNav').innerHTML = strLinks;

    if (firstload) {
        document.getElementById("a1").className = "cur"; firstload = false;
    }
}


function Slider(isAuto) {
    if (isAuto == 1) {
        blnAuto = true;
//        sl_timer = setInterval("MoveObject('auto')", slidetimer);
        document.getElementById("start-stop").href = "javascript:Slider(0," + slidetimer + ");";
        document.getElementById("start-stop").innerHTML = "Stop";
    }
    else {
        blnAuto = false;
        clearInterval(sl_timer);
        sl_timer = null;
        document.getElementById("start-stop").href = "javascript:Slider(1," + slidetimer + ");";
        document.getElementById("start-stop").innerHTML = "Go";
    }
}