// Main Image URLs

var MainImage11 = "bannerjs/large/electronic-cigarette-starter-kit-2011.jpg";
var MainImageUrl11 = "products/"
var TNIMage11 = "bannerjs/thumb/electronic-cigarette-starter-kit-2011-thumb.jpg";

var MainImage12 = "bannerjs/large/electronic-cigarette-2011-3250.jpg";
var MainImageUrl12 = "products/"
var TNIMage12 = "bannerjs/thumb/electronic-cigarette-2011-3250-thumb.jpg";

var MainImage13 = "bannerjs/large/ultimate-starter-kit.jpg";
var MainImageUrl13 = "products/"
var TNIMage13 = "bannerjs/thumb/ultimate-starter-kit-thumb.jpg";


var MainImage21 = "bannerjs/large/electronic-cigarette-starter-kit-2011.jpg";
var MainImageUrl21 = "products/"
var TNIMage21 = "bannerjs/thumb/electronic-cigarette-starter-kit-2011-thumb.jpg";

var MainImage22 = "bannerjs/large/elusion-1123-electronic-cigarette-size-comparison.jpg";
var MainImageUrl22 = "products/"
var TNIMage22 = "bannerjs/thumb/elusion-1123-electronic-cigarette-size-comparison-thumb.jpg";

var MainImage23 = "bannerjs/large/electronic-cigarette-2011-3250.jpg";
var MainImageUrl23 = "products/"
var TNIMage23 = "bannerjs/thumb/electronic-cigarette-2011-3250-thumb.jpg";

//var MainImage12 = "bannerjs/large/val_specialdeal.jpg";
//var MainImageUrl12 = "products/"
//var TNIMage12 = "bannerjs/thumb/val_specialdeal_thumb.jpg";

//var MainImage21 = "bannerjs/large/val_specialdeal.jpg";
//var MainImageUrl21 = "products/"
//var TNIMage21 = "bannerjs/thumb/val_specialdeal_thumb.jpg";

// ********* Other preferences********************************
// Transition time in milli seconds
var transitionTime = 3000;
// Urls of the gallery UI
var upArrowUrl = "images/up-arrow.png";
var downArrowUrl = "images/down-arrow.png";
var playButton = "bannerjs/images/Play.png";
var pauseButton = "bannerjs/images/Pause.png";

// Width and height Preferences
var GalleryWidth = "562px";
var GalleryHeight = "315px";
var MainImageWidth = "561px";
var MainImageHeight = "314px";
var TNImageWidth = "175px";
var TNImageHeight = "103px";
var NoOfImages = 3;
var SetNo = 1;
var NoOfSets = 2;
// ********* Other prefereces********************************


//**************** Do not change these values*****************
var curImage = 1;
var AdRotator = 1;
var StopTran = false;
var playPauseStat = "Pause";
//**************** Do not change these values*****************

function SetAdGallery() {
    // Set he gallery UI
    document.getElementById("stopTran").src = pauseButton;
    ShowControls();

    var GalleryTemplate = document.getElementById('GalleryTemplate');
    GalleryTemplate.style.width = GalleryWidth;
    GalleryTemplate.style.height = GalleryHeight;

    InitializeGallery();

    // Trigger the Image change
    StartTransition();
}

function InitializeGallery() {
    // Set the MAin starting Image
    var MI = document.getElementById("MI");
    MI.src = eval("MainImage" + SetNo + "1");
    MI.style.width = MainImageWidth;
    MI.style.height = MainImageHeight;

    // Set the thumbnail images to the template
    var TN1 = document.getElementById("TN1");
    TN1.src = eval("TNIMage" + SetNo + "1");
    TN1.style.width = TNImageWidth;
    TN1.style.height = TNImageHeight;

    var TN2 = document.getElementById("TN2");
    TN2.src = eval("TNIMage" + SetNo + "2");
    TN2.style.width = TNImageWidth;
    TN2.style.height = TNImageHeight;

    var TN3 = document.getElementById("TN3");
    TN3.src = eval("TNIMage" + SetNo + "3");
    TN3.style.width = TNImageWidth;
    TN3.style.height = TNImageHeight;
}

function ShowControls() {
    var controlsDiv = document.getElementById("controlsDiv")
    controlsDiv.style.display = "inline";
    controlsDiv.style.position = "relative";

    var pos = getXYpos(document.getElementById("GalleryTemplate"));

    controlsDiv.style.left = "10px";

    controlsDiv.style.zIndex = 5;
    var mainIMageHeight = parseInt(MainImageHeight.slice(0, MainImageHeight.length - 2));
    controlsDiv.style.top = "-200px";
}

function HideControls() {
    var controlsDiv = document.getElementById("controlsDiv")
    controlsDiv.style.display = "none";
}


function StartTransition() {

    if (StopTran == false) {
    if (curImage == NoOfImages) {
        curImage = 1;
        SetNo++;

        if (SetNo > NoOfSets) {
            SetNo = 1;
        }
        InitializeGallery();
        sleep(100);
    }
    else {
        curImage = curImage + 1;
    }

    PlayOneStep();

    // Trigger the Image change
    setTimeout("StartTransition()", transitionTime);
    }
}

function PlayOneStep() {
    var TN1 = document.getElementById("TN1");
    var TN2 = document.getElementById("TN2");
    var TN3 = document.getElementById("TN3");
    var MI = document.getElementById("MI");


    TN1.parentNode.className = "tdNormal_AdGallery";
    TN2.parentNode.className = "tdNormal_AdGallery";
    TN3.parentNode.className = "tdNormal_AdGallery";


    try {
        document.getElementById("TN" + curImage.toString()).parentNode.className = "tdSelected_AdGallery";
    MI.src = eval("MainImage" + SetNo + curImage.toString());
    }
    catch(ex)
    {
    alert(curImage);
    }
}

function StopTransition(curObj) {
    if (playPauseStat == "Pause") {
        StopTran = true;
        playPauseStat = "Play";
        curObj.src = playButton;
    }
    else {
        StopTran = false;
        playPauseStat = "Pause";
        curObj.src = pauseButton;
        StartTransition();
    }
}

function GoToUrl(curObj) {
    location.href = eval("MainImageUrl" + SetNo + curImage.toString());
}

function GoUp() {
    StopTran = false;
    playPauseStat = "Play";
    curObj = document.getElementById("stopTran");
    curObj.src = playButton;
    if (curImage == 1) {
        curImage = NoOfImages;
        SetNo--;

        if (SetNo < 1) {
            SetNo = NoOfSets;
        }
        InitializeGallery();
        sleep(100);
    }
    else {
        curImage = curImage - 1;
    }
    PlayOneStep();
    StopTran = true;
}

function GoDown() {
    StopTran = false;
    playPauseStat = "Play";
    curObj = document.getElementById("stopTran");
    curObj.src = playButton;
    if (curImage == NoOfImages) {
        curImage = 1;
        SetNo++;

        if (SetNo > NoOfSets) {
            SetNo = 1;
        }
        InitializeGallery();
        sleep(100);
    }
    else {
        curImage = curImage + 1;
    }
    PlayOneStep();
    StopTran = true;
}

function getXYpos(elem) {
    if (!elem) {
        return { "x": 0, "y": 0 };
    }
    var pos = { "x": elem.offsetLeft, "y": elem.offsetTop }
    var par = getXYpos(elem.offsetParent);
    for (var key in par) {
        pos[key] += par[key];
    }
    return pos;
}

function ShowCurrent(curValue) {
    StopTran = false;
    playPauseStat = "Play";
    curObj = document.getElementById("stopTran");
    curObj.src = playButton;
    curImage = parseInt(curValue);
    PlayOneStep();
    StopTran = true;
}

function ShowHover(curObj) {
    curObj.parentNode.className = "tdSelected_AdGallery";
}

function ShowOut(curObj) {
    curObj.parentNode.className = "tdNormal_AdGallery";
}
function sleep(milliSeconds) {
    var startTime = new Date().getTime(); // get the current time
    while (new Date().getTime() < startTime + milliSeconds); // hog cpu
}