﻿var nc_static = "http://pointblank.hitsplay.com/images/pbBanner/"
var Banner = new Array();
var url = new Array();
Banner[0] = nc_static + "pbLandRoadShow2010.jpg";
Banner[1] = nc_static + "pbLandGashapong.jpg";
Banner[2] = nc_static + "pbLandItemColor5.jpg";
Banner[3] = nc_static + "pbLandPromotion5.jpg";
Banner[4] = nc_static + "pbLandItemPack20100318.jpg";
Banner[5] = nc_static + "pbLandUpdateAK.jpg";
Banner[6] = nc_static + "pbLandItemPack20100311.jpg";
Banner[7] = nc_static + "pbLandTheMask20100304.jpg";






url[0] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3789";
url[1] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3807";
url[2] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3774";
url[3] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3777";
url[4] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3834";
url[5] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3800";
url[6] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3782";
url[7] = "http://pointblank.hitsplay.com/News/ViewNews.aspx?ContentID=3780";







function loadBanner() {
    var insBanner = $('.wrapper');
    var listBanner = '<div class="container">';
    var listNo = '<ul id="navBannerSwap">';

    for (var i = 0; i < Banner.length; i++) {
        listBanner += '<div class="swapBanner" id=bannerSwap' + (i + 1) + '>';
        listBanner += '<a href="' + url[i] + '" target="_blank">';
        listBanner += '<img src="' + Banner[i] + '" /></a></div>';
        listNo += '<li id="navBannerSwapP' + (i + 1) + '">' + (i + 1) + '</li>';
    }
    listBanner += '</div>';
    listNo += '<ul>';
    insBanner.append(listBanner);
    $('#number').append(listNo);
    $('#navBannerSwapP1').attr('class', 'currentShow');
    $('.swapBanner:first').attr('style', 'display:block');

    $("ul#navBannerSwap li").each(function(index) {
        $(this).click(function() {
            $("ul#navBannerSwap li").siblings("li").removeClass("currentShow");
            $(this).addClass("currentShow");
            var gIDdiv = $(this).html();
            var showIDdiv = "bannerSwap" + gIDdiv;
            $("div.swapBanner:visible").fadeOut().hide();
            $("div#" + showIDdiv).fadeIn();
            clearTimeout(SwapTimeout);
            SwapTimeout = setTimeout("swapBannerFn(" + (index + 1) + ")", timeSwap + timeWaitNextSwap);
        });
    });
}
var idBanner = 1;
var timeSwap = 3000;
var timeWaitNextSwap = 3000;
var numMaxSwap = Banner.length;
var SwapTimeout = setTimeout("swapBannerFn(" + idBanner + ")", timeSwap);
function swapBannerFn(idBanner) {
    if (idBanner < numMaxSwap) {
        idBanner++;
        var showIDdiv = "bannerSwap" + idBanner;
        $("div.swapBanner:visible").fadeOut('slow').hide();
        $("ul#navBannerSwap li").removeClass("currentShow");
        $("ul#navBannerSwap li#navBannerSwapP" + idBanner).addClass("currentShow");
        $("div#" + showIDdiv).fadeIn('slow', function() {
            if (idBanner == numMaxSwap) {
                idBanner = 0;
                SwapTimeout = setTimeout("swapBannerFn(" + idBanner + ")", timeSwap);
            } else {
                SwapTimeout = setTimeout("swapBannerFn(" + idBanner + ")", timeSwap);
            }
        });
    }
    else {
        idBanner = 0;
        SwapTimeout = setTimeout("swapBannerFn(" + idBanner + ")", timeSwap);
    }
}