/* -- Custom Pages -- */

function showList(data) {
    $j('#ka_customPage').html(data);
}

function onCustomPageLoaded(data) {
    switch(data.myParam) {
        case "biggestlosers":

            var age    = (typeof data.age    != 'undefined') ? data.age    : 'all';
            var gender = (typeof data.gender != 'undefined') ? data.gender : 'all';
            var page   = (typeof data.page   != 'undefined') ? data.page   : 1;
            var baseLink = '/service/openCustomPage.kickAction?as='+data.as+'&myParam=biggestlosers&bodyClass='+data.bodyClass+'&title='+data.title;

            var class_gender_all = (gender == 'all') ? "selected" : "";
            var class_f          = (gender == 'f') ? "selected" : "";
            var class_m          = (gender == 'm') ? "selected" : "";
            
            var class_age_all    = (age == 'all') ? "selected" : "";
            var class_20         = (age == '20') ? "selected" : "";
            var class_30         = (age == '30') ? "selected" : "";
            var class_40         = (age == '40') ? "selected" : "";
            var class_50         = (age == '50') ? "selected" : "";
            var class_60         = (age == '60') ? "selected" : "";
            var class_70         = (age == '70') ? "selected" : "";


            /* -- Add in SubNav on Biggest Losers List Page -- */
            $j('#ka_headerSubNav').html('<div id="ka_headerSubNav"> <ul id="ka_headerSubNav_list"> <li class="ka_addMedia ka_addMedia_friend ka_sprite_media"> <a href="/view/displayInviteFriends.kickAction?as='+data.as+'">invite friends</a></li> <li id="ka_subMyFriend"> <a class="ka_memberAction" href="/view/displayManageFriends.kickAction?as='+data.as+'">my friends</a></li> <li id="ka_subMostRecent" class="current"> <a href="service/searchEverything.kickAction?as='+data.as+'&mediaType=user&sortType=recent&includeUser=on&d-7095067-p=1">most recent</a></li> <li id="ka_subMostView"> <a href="/service/searchEverything.kickAction?as='+data.as+'&mediaType=user&sortType=popular&includeUser=on&d-7095067-p=1">most viewed</a></li> <li id="ka_subMostComment"> <a href="/service/searchEverything.kickAction?as='+data.as+'&mediaType=user&sortType=commented&includeUser=on&d-7095067-p=1">most comments</a></li> <li id="ka_subHighRate"> <a href="/service/searchEverything.kickAction?as='+data.as+'&mediaType=user&sortType=rating&includeUser=on&d-7095067-p=1">highest rated</a></li> <li id="ka_subPointsNow"> <a href="/service/searchEverything.kickAction?as='+data.as+'&mediaType=user&sortType=points&includeUser=on&d-7095067-p=1">most points</a></li> <li class="biggestLosers"> <a href="#">Biggest Losers</a></li></ul>');
            $j('#ka_customPage').html('<p class="loadingPage"><img src="http://clientapps.kickapps.com/foodlovers/images/loadingAnimation.gif" width="208px" height="13px" />Loading Search Results....</p>');
            /* -- Add the nav for the page -- */
            $j('#ka_contentContainer').prepend('<h3>Biggest Losers</h3>\n\
                            <ul id="losersNav">\n\
                             <li>Gender: <a class="' + class_gender_all + '" href="'+baseLink+'&age='+age+'&gender=all">All (Default)</a> * \
                                         <a class="' + class_f + '" href="'+baseLink+'&age='+age+'&gender=f">Female</a> * \
                                         <a class="' + class_m + '" href="'+baseLink+'&age='+age+'&gender=m">Male</a></li> \
                            </ul> \
                            <ul id="ageNav"> \
                             <li>Age Range: <a class="' + class_age_all + '" href="'+baseLink+'&age=all&gender='+gender+'">All (Default)</a> * \
                                    <a class="' + class_20 + '" href="'+baseLink+'&age=20&gender='+gender+'">20\'s</a> * \
                                    <a class="' + class_30 + '" href="'+baseLink+'&age=30&gender='+gender+'">30\'s</a> * \
                                    <a class="' + class_40 + '" href="'+baseLink+'&age=40&gender='+gender+'">40\'s</a> * \
                                    <a class="' + class_50 + '" href="'+baseLink+'&age=50&gender='+gender+'">50\'s</a> * \
                                    <a class="' + class_60 + '" href="'+baseLink+'&age=60&gender='+gender+'">60\'s</a> * \
                                    <a class="' + class_70 + '" href="'+baseLink+'&age=70&gender='+gender+'">+70\'s</a> \
                             </li> \
                            </ul>');

            //var url  = 'http://clientapps.kickapps.com/foodlovers/userFunctions.php?task=getBiggestLosers&as='+data.as+'&age='+age+'&gender='+gender+'&title='+data.title+'&bodyClass='+data.bodyClass+'&myParam='+data.myParam+'&page='+page+'&callback=showList';
            var url  = 'http://hosting.kicknetwork.com/foodlovers/userFunctions.php?task=getBiggestLosers&as='+data.as+'&age='+age+'&gender='+gender+'&title='+data.title+'&bodyClass='+data.bodyClass+'&myParam='+data.myParam+'&page='+page+'&callback=showList';
            aObj = new JSONscriptRequest(url);
            aObj.buildScriptTag();
            aObj.addScriptTag();

        break;
    default:
        $j('#ka_customPage').html('Oops, this is not a valid page!');
    }
}
var newEventId = Ka.events.listen('custom-page-loaded', onCustomPageLoaded);