var blnGetWomens = true;
var blnGetMens = true;
var blnGetChildrens = true;

var pageW = 1;
var pageM = 1;
var pageC = 1;

$(document).ready(function() {
    GetAllFeaturedFrames();
    InitializeFeaturedFramesSliders();
});

// get featured frames for all type
function GetAllFeaturedFrames() {

    // initially bind 2 pages for all sliders
    
    GetFeaturedFrames("female", pageW);
    pageW++;
    GetFeaturedFrames("female", pageW);
    
    GetFeaturedFrames("male", pageM);
    pageM++;
    GetFeaturedFrames("male", pageM)
    
    GetFeaturedFrames("children's", pageC);
    pageC++
    GetFeaturedFrames("children's", pageC);

}

function GetFeaturedFrames(type, page) {
    var url = getHandlerPath() + "AjaxHandler.ashx";
    var data = "Type=" + type + "&PageNo=" + page;

    $.ajax({
        type: "POST",
        url: url,
        data: data,
        async: false,
        success: function(data) {
            var html = $(data).find('data html').text();

            if (html) {

                if (type == "male") {
                    $("#MensFeaturedFramesItems").append(html);
                }
                else if (type == "female") {
                    $("#WomensFeaturedFramesItems").append(html);
                }
                else if (type == "children's") {
                    $("#ChildrensFeaturedFramesItems").append(html);
                }
            }
            else {
                if (type == "male")
                    blnGetMens = false;
                else if (type == "female")
                    blnGetWomens = false;
                else if (type == "children's")
                    blnGetChildrens = false;
            }
        }
    });
}

// initialize
function InitializeFeaturedFramesSliders() {

    InitializeWomensFeaturedFrames();
    InitializeMensFeaturedFrames();
    InitializeChildrensFeaturedFrames();

}

function InitializeWomensFeaturedFrames() {

    $("#WomensFeaturedFramesSlider").easySlider({
        controlsBefore: '<p id="controlsW">',
        controlsAfter: '</p>',
        prevId: 'prevBtnW',
        nextId: 'nextBtnW',
        nextEvent: evNextW
    });

}

function InitializeMensFeaturedFrames() {

    $("#MensFeaturedFramesSlider").easySlider({
        controlsBefore: '<p id="controlsM">',
        controlsAfter: '</p>',
        prevId: 'prevBtnM',
        nextId: 'nextBtnM',
        nextEvent: evNextM
    });

}

function InitializeChildrensFeaturedFrames() {

    $("#ChildrensFeaturedFramesSlider").easySlider({
        controlsBefore: '<p id="controlsC">',
        controlsAfter: '</p>',
        prevId: 'prevBtnC',
        nextId: 'nextBtnC',
        nextEvent: evNextC
    });

}

function evNextW() {

    if (blnGetWomens) {
        pageW++;
        GetFeaturedFrames("female", pageW);
    }
}

function evNextM() {
    if (blnGetMens) {
        pageM++;
        GetFeaturedFrames("male", pageM);
    }
}

function evNextC() {

    if (blnGetChildrens) {
        pageC++;
        GetFeaturedFrames("children's", pageC);
    }
}