$(document).ready(function() {

    var ArtistID = $('#tbArtistID').val();
    var ViewBy = $('#hfViewBy').val();
    var MediumID = $('#hfMediumID').val();
    var PageIndex = $('#hfPageIndex').val();

    buildArtListing(ViewBy, ArtistID, MediumID, PageIndex, "latest", false);

    $('.MediumSelector').live('click', function() {
        $('#hfSlideShowCurrent').val(1);
    });

});

function buildArtListing(DisplayStyle, ArtistID, MediumID, PageIndex, SortColumn, ForSale) {

    $('#ArtListing').html("<div class='loading'><img src='/images/loading.gif' title='loading'><br/><br/><p>Loading Art...</p></div>");

    var webMethod

    if (DisplayStyle == "Thumbnails") {
        webMethod = "/SubDomainPages/Default.aspx/buildArtListing"
    }

    if (DisplayStyle == "SlideShow") {
        webMethod = "/SubDomainPages/Default.aspx/buildArtListingSlideShow"
    }

    $.ajax({

        type: "POST",
        url: webMethod,
        data: "{'ArtistID':'" + ArtistID + "','MediumID':'" + MediumID + "','PageIndex':'" + PageIndex + "','SortColumn':'" + SortColumn + "','ForSale':'" + ForSale + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {

            $('#ArtListing').html(msg.d);

        },

        complete: function() {

            if (DisplayStyle == "SlideShow") {

                //$('#ctl00_Content_hfSlideShowCurrent').val(1);
                SlideShow();
            }

        }

    });

}

function SlideShow() {

    var current = $('#hfSlideShowCurrent').val();
    var total = $('#pnlTotalArt').val();
    var ArtID = $('.SlideShowArtRow:[rel=' + current + ']').attr("artid");

    //console.log("current : " + current + " ArtID : " + ArtID);
    //load the art into the div
    var html;

    $.ajax({

        type: "POST",
        url: "/SubDomainPages/Default.aspx/LoadArt",
        data: "{'ArtID':'" + ArtID + "', 'Current':'" + current + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {

            html = msg.d;
            $('.SlideShowArtRow').hide();
            $('.SlideShowArtRow').children('.ArtImageContainer').remove();

        },
        complete: function(msg) {

          $('.SlideShowArtRow:[rel=' + current + ']').append(html).show();

            var prev = parseInt(current);
            var next = parseInt(current);

            prev = prev - 1
            next = next + 1

            $('#SlideShowPrev').attr("rel", prev);
            $('#SlideShowNext').attr("rel", next);

        }

    });
}

function PreviousArt() {

    var prev = parseInt($('#SlideShowPrev').attr("rel"));

    if (prev != 0) {

        $('#hfSlideShowCurrent').val(prev);

        SlideShow();
    }

    return false;

}

function NextArt() {

    var next = parseInt($('#SlideShowNext').attr("rel"));
    var total = parseInt($('#pnlTotalArt').attr("rel"));

    if (next != total) {

        $('#hfSlideShowCurrent').val(next);

        SlideShow();

    }

    return false;
}