function toggleOnOffAll(id, collection){
    var i=0;
    while (document.getElementById('content'+collection+'_'+i)){
        if (document.getElementById('content'+collection+'_'+i)){
            document.getElementById('content'+collection+'_'+i).style.display='none';
            document.getElementById('theme'+collection+'_'+i).className = "category category"+i;
        }
        i++;
    }
    
    document.getElementById('content'+collection+'_'+id).style.display = "block";
    document.getElementById('theme'+collection+'_'+id).className = "category category"+id+" actif";
}

function toggleOnOff(id, collection){
    var i=0;
    while (document.getElementById(collection+'_'+i)){
        if (document.getElementById(collection+'_'+i)){
            document.getElementById(collection+'_'+i).style.display='none';
        }
        i++;
    }    
    document.getElementById(collection+'_'+id).style.display = "block";
}

function getAjaxPage(url, container, dontclosebefore){
    if (!dontclosebefore){
        document.getElementById(container).style.display='none';
        $$('#'+container).setHTML('');
    }
    new Ajax(url, {
        method: 'get',
        onComplete: function()
        {
            var contentHTML = this.response.text;
            document.getElementById(container).style.display='block';
            $$('#'+container).setHTML(contentHTML);
        }
    }).request();
}
function postAjaxPage(form, url, container){
    new Ajax(url, {
        postBody: form,
        onComplete: function()
        {
            var contentHTML = this.response.text;
            document.getElementById(container).style.display='block';
            $$('#'+container).setHTML(contentHTML);
        }
    }).request();
}

function showCalendrier(){
    getAjaxPage(document.getElementById('filterpayscalendrier').options[document.getElementById('filterpaysclassement').selectedIndex].value, 'boxcalendrier');
    document.getElementById('filterpayscalendrier').selectedIndex = document.getElementById('filterpaysclassement').selectedIndex;
    document.getElementById('insertclassement').style.display='none';
    document.getElementById('insertcalendrier').style.display='block';
    return false;
}

function showClassement(){
    getAjaxPage(document.getElementById('filterpaysclassement').options[document.getElementById('filterpayscalendrier').selectedIndex].value, 'boxclassement');
    document.getElementById('filterpaysclassement').selectedIndex = document.getElementById('filterpayscalendrier').selectedIndex;
    document.getElementById('insertcalendrier').style.display='none';
    document.getElementById('insertclassement').style.display='block';
    return false;
}

function toggleSearch(id, collection, active, nonactive){
    var i=0;
    while (document.getElementById(collection+'_'+i)){
        if (document.getElementById(collection+'_'+i)){
            document.getElementById(collection+'_'+i).style.display='none';
            if (active && nonactive)
                document.getElementById('a_'+collection+'_'+i).className = nonactive;
        }
        i++;
    }    
    document.getElementById(collection+'_'+id).style.display = "block";
    if (active && nonactive)
        document.getElementById('a_'+collection+'_'+id).className = active;
}

function getAjaxMinisite(url, container, dontclosebefore){
    if (!dontclosebefore){
        document.getElementById(container).className='';
        document.getElementById(container).style.display='none';
        $$('#'+container).setHTML('');
    }
    document.getElementById(container).className='visible';
    new Ajax(url, {
        method: 'get',
        onComplete: function()
        {
            var contentHTML = this.response.text;
            document.getElementById(container).style.display='block';
            $$('#'+container).setHTML(contentHTML);
            
            // scrolling
            if (document.getElementById('SCROLL')){
                var content = document.getElementById('CONTENT_SCROLL');
                var scrollbar = document.getElementById('SCROLL');
                var handle = document.getElementById('HANDLE');
                var horizontal = false;
                var ignoreMouse = false;
                var steps = content.scrollHeight - content.offsetHeight;
                var slider = new Slider(scrollbar, handle, {    
                    steps: steps,
                    mode: 'vertical',
                    onChange: function(step){
                        // Scrolls the content element in x or y direction.
                        var x = 0;
                        var y = step;
                        content.scrollTop = step;
                        //content.scrollTo(x,y);
                    }
                }).set(0);
                if( !(ignoreMouse) ){
                    // Scroll the content element when the mousewheel is used within the 
                    // content or the scrollbar element.
                    $$(content, scrollbar).addEvent('mousewheel', function(e){    
                        e = new Event(e).stop();
                        var step = slider.step - e.wheel * 30;    
                        slider.set(step);
                    });
                }
                // Stops the handle dragging process when the mouse leaves the document body.
                $(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
            }
        }
    }).request();
}

function showAjaxPageCommunaute(url){
    
    showAjaxPage(url);
    document.getElementById('hpo_masquecontent').className = 'communaute';
    
    /*for (i=1; i < 10; i++){
        document.getElementById('lstAvatar').innerHTML =  document.getElementById('lstAvatar').innerHTML + '<img src="/uploads/pics/supporters/avatars/avat-' + i + '-48x48.png" />';
    } */
}

function selectAvatar(img, src){
    
    i=1;
    while (document.getElementById('avat'+i)){
        document.getElementById('avat'+i).style.border = "1px solid #FFFFFF";
        i++;    
    }
    img.style.border = "1px solid #ca0102";
    document.getElementById('hidden_avatar').value=src;
}

function uploadAvatar(){
    i=1;
    while (document.getElementById('avat'+i)){
        document.getElementById('avat'+i).style.border = "1px solid #FFFFFF";
        i++;    
    }
    document.getElementById('avatar').style.display='none';
    document.getElementById('hidden_avatar').value='';
}

function setActif(id, collection){
    var i=0;
    while (document.getElementById(collection+'_'+i)){
        if (document.getElementById(collection+'_'+i)){
            document.getElementById(collection+'_'+i).className = '';
        }
        i++;
    }    
    document.getElementById(collection+'_'+id).className = 'actif';
}

function presetJoueur(id,txt){
    document.getElementById('presetJoueurObj').value = id;
    if (hpoformcompomentsComboOpen){
        hpoformcompomentsComboOpen.setStyle('display', 'none');
        document.getElementById('txt_comboSupporteur').value = txt;
        setJoueur('txt_comboSupporteur','sj');
    }
}

function setJoueur(id, collection){
    for (j=0;j<4;j++){
        i=0;
        while (document.getElementById(collection+j+'_'+i)){
            if (document.getElementById(collection+j+'_'+i)){
                document.getElementById(collection+j+'_'+i).style.opacity = 0.7;
                document.getElementById(collection+j+'_'+i).style.filter = "alpha(opacity=70)";
            }
            i++;
        }
    }    
    document.getElementById(id).style.opacity = '1';
    document.getElementById(id).style.filter = "alpha(opacity=100)";
}

function checkSearch(){
    if (document.getElementById('presetJoueurObj').value.length==0){
        alert('Vous devez selectionner un joueur');
        return false;
    }
    bRet = document.getElementById('fr').checked;
    bRet = bRet | document.getElementById('etr').checked;
    if (!bRet){
        alert('Vous devez selectionner France ou Etranger');
        return false;
    }
    return true;
}