function createThumbs(JSON) {
    var ul = $('<ul>');
    
    //var j = JSON.items; // comment for db connection 
    var j = JSON;   // uncomment for db connection
    
    for (var i = 0; i < j.length; i++) {
        var li = $('<li>');
        var anchor = $('<a>').attr('href', j[i].link_url);
        var bigImg = '/files/banners/'+j[i].image_name;
        var imgSrc = '/files/banners/t_'+j[i].image_name;
//        var div = $('<div>').addClass('dn').html('<strong>' + j[i].sub_title + '</strong><br />');
		var div = $('<div>').addClass('dn').html('<strong><p style="color: #' + j[i].text_color + ';font-size: 18px;font-family: Arial, Helvetica, sans-serif;">' + j[i].title + '<br />' + j[i].sub_title + '</p></strong><br />');
        anchor.append($('<img>').attr({ src: imgSrc, alt: bigImg, width: '200', height: '70' }));
        anchor.appendTo(li);
        div.appendTo(li);
        li.appendTo(ul);
    }
    return ul;
}
function setBannerCarousel() {

    /* uncomment for db connection */
    $.ajax({
        type: "POST",
        url: "/WebService/Banners.asmx/GetBanners",
        dataType: "json",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        success: function(response) {
            var _banners = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;

            $('#m-banner-thumbs').append(createThumbs(_banners));
            $('#m-banner-thumbs').highlightcarousel({
                slides: '#m-banner-thumbs li',
                animtimeout: 1000,
                //pausetimeout: 5600,
				pausetimeout: 3000,
                nextbtn: '#m-banner-bottom',
                prevbtn: '#m-banner-top',
                slider: '#m-banner-thumbs ul',
                classholder: '#m-banner-detail',
                descholder: '#m-banner-detail-text',
                imgholder: '#m-banner-detail-img',
                width: 200,
                height: 70
            });
            
        },
        fail: function(msg) {
            //alert('query failed!');
            window.location.replace("/Error/404.aspx");
        }
    });
    
    
    // comment for db connection
	/*
    $.getJSON('/JS/banners.js', function(d) { 
        $('#m-banner-thumbs').append(createThumbs(d));
        $('#m-banner-thumbs').highlightcarousel({
            slides: '#m-banner-thumbs li',
            animtimeout: 1000,
            pausetimeout: 5600,
            nextbtn: '#m-banner-bottom',
            prevbtn: '#m-banner-top',
            slider: '#m-banner-thumbs ul',
            classholder: '#m-banner-detail',
            descholder: '#m-banner-detail-text',
            imgholder: '#m-banner-detail-img',
            width: 200,
            height:70
        });
    });
    */
}

function defaultLoad() {
    setBannerCarousel();
}