var challengeHighlightedTab;
function ChallengesGrid_HighlightTab(tab, viewActiveId){
    alert(viewActiveId);
    if(challengeHighlightedTab == null)
        challengeHighlightedTab = $_(viewActiveId);

    challengeHighlightedTab.style.color = tab.style.color;
    challengeHighlightedTab.style.fontWeight = tab.style.fontWeight;
    challengeHighlightedTab = tab;
    challengeHighlightedTab.style.color = '#94000b';
    challengeHighlightedTab.style.fontWeight = 'bold';
}

function ChallengesGrid_Load(filter){
    var params = "filter="+filter;
    ChallengesGrid_LoadingHandler();
    var req = new Ajax.Request('/AJAX/PostPages/Challenges/ChallengesPost.aspx', 
                               { method: 'post', 
                                 parameters: params, 
                                 onSuccess: function(AJAXResponse) {  ChallengesGrid_Populate(AJAXResponse); },
                                 onComplete: function(AJAXResponse){ ChallengesGrid_LoadingHandler();}
                               }
                               );
}

function ChallengesGrid_LoadingHandler(){
    var loading = $_("challengesgrid_loading");
    var container = $_("challengesgrid_container");
    
    if(loading.style.display == ''){
        loading.style.display = 'none';
        container.style.display = '';    
    }
    else{
        loading.style.display = '';
        container.style.display = 'none';
   }
        
}

function ChallengesGrid_Populate(response){
    var container = $_("challengesgrid_container");
    container.innerHTML = ChallengesGrid_StripForm(response.responseText);
}

function ChallengesGrid_StripForm(txt){
    txt = txt.substring(txt.indexOf("<!--ChallengesGrid:Begin-->"),txt.indexOf("<!--ChallengesGrid:End-->")+26);
    return txt;
}