﻿// JScript File
    //global variables
    var curIndex = 0;
    var imgs;
    var timerIntervalID = 0;
    var newsTIMER_INTERVAL = GetHomePageTrendsGalleryTiming()*1000;
    var controlPath = "/images/";
    
    //jquery init
    $(document).ready(function()
    {
        imgs = $(".galleryImage");
        blurbs = $(".divBlurb");


        //adding ul for gallery paging
        $("#hdlinks").append("<ul id=\"links\"></ul>");

        if (imgs.length > 1)
        {
            //only show buttons if there is more than one page
            
            //adding the gallery paging links   
            for (var i = 0; i < imgs.length; i++)
            {
                //$("#links").append("<li class=\"imagelink\"><a href=\"#\" onclick=\"return showImage(" + i + ")\"><img src=\"" + controlPath + (i+1) + "off.png\" alt=\"slide " + (i+1) + "\" /></a></li>");
                $("#links").append("<li class=\"imagelink\"><a href=\"#\" class='pinkbtnoff pillbutton' onclick=\"return showImage(" + i + ")\">" + (i + 1) + "</a></li>");
            }


            //spacer li
            //$("#links").append("<li><a style=\"border:none;\"></a></li>");

            //adding the timer buttons (play/pause)
//            $("#links").append("<li class=\"playbutton galleryselected\"><a href=\"#\" onclick=\"return play()\" class='pillbutton pinkbtnoff'>></a></li>");
//            $("#links").append("<li class=\"pausebutton galleryselected\" style=\"display:none;\"><strong><a href=\"#\" onclick=\"return pause()\" class='pillbutton pinkbtnoff'>||</a></strong></li>");

            //adding the prev and next button
            //$("#links").append("<li><a href=\"#\" onclick=\"return showPrevImage()\"><img src=\"" + controlPath + "back.png\" alt=\"Show prev image\" /></a></li>");
            //$("#links").append("<li><a href=\"#\" onclick=\"return showNextImage()\"><img src=\"" + controlPath + "forward.png\" alt=\"Show next image\" /></a></li>");
        }



        showImage(0);
        //play();
    });  //end document.ready

function init(timerInterval)
{
    TIMER_INTERVAL = timerInterval;
}

function GetHomePageTrendsGalleryTiming() {
    var responseData = new Array();
    var parameters = "{ }";
    var response = $.ajax({
        type: "POST",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        data: parameters,
        dataType: "text",
        url: "/webservices/extjsservice.asmx/GetHomePageTrendsGalleryTiming",
        async: false
    }).responseText;

    homePageTrendsGalleryTiming = response.substring(response.lastIndexOf(":") + 1, response.lastIndexOf("}"));
    //alert(homePageTrendsGalleryTiming);
    return homePageTrendsGalleryTiming;
}

function showImage(index)
{
    //hide all images and unselect all li's
    hideAll();
    
    //show image
    $(imgs[index]).fadeIn("slow");
    
    //show blurb
    $(blurbs[index]).fadeIn("slow");
    
//    //apply "selected" class to li
//    var imagelinks = $(".imagelink img");
//    $(imagelinks[index]).attr("src", controlPath + (index + 1) + "on.png");

    var imagelinks = $(".imagelink a");
    $(imagelinks[index]).removeClass('pinkbtnoff').addClass('pinkbtnon');
    
    
    // set index   
    curIndex = index;
    return false;     
}
function hideAll()
{
    $(".galleryImage").fadeOut("slow");
    $(".galleryselected").removeClass("galleryselected");
    $(".divBlurb").fadeOut("slow");



    $('.pinkbtnon').removeClass('pinkbtnon').addClass('pinkbtnoff');
        
    
    
}
function showNextImage()
{
    if (curIndex < imgs.length - 1)
    {return showImage(curIndex + 1); }
    else
    {return showImage(0);}
}
function showPrevImage()
{ 
    if (curIndex > 0)
    {return showImage(curIndex - 1); }
    else
    {return showImage(imgs.length-1);}
}
function play()
{
    timerIntervalID = setInterval("showNextImage()", newsTIMER_INTERVAL);
    $(".playbutton").hide();
    $(".pausebutton").show();
    return false;
}
function pause()
{
    clearInterval(timerIntervalID);
    $(".playbutton").show();
    $(".pausebutton").hide();
    return false;
}
