var page = 1;

document.observe("dom:loaded", function() {
    scrollNavigation();
    laRequete(1);
    //animatePanelLinks();
    $('select_all').observe('click',selectAllClicked);
    $('deselect_all').observe('click',deselectAllClicked);
});


//--------------------------------------------------- Filtering with Ajax
function onRequestFailure(transport)
{
    //alert('An error has occured and I cannot ');
    switch (transport.status) {
        case 403:
            // 403 specific handler
            break;

        case 404:
    // 404 specific handler
    }
}

function onRequestSuccess(transport)
{
    // handle the response
    $('partial').innerHTML = transport.responseText;
    $('partial').setOpacity(0);
    new Effect.Opacity('partial', {
        from: 0,
        to: 1,
        duration: 0.5
    });
    //alert($$('#preloader'));
    $('preloader').hide();
    animatePanelLinks();
    createPagination();
}

function createPagination()
{
    var ancres = $$('#pagination .pageNumber');
    for(i=0;i<ancres.length;i++){
        ancres[i].observe('click',onPageClick);
    }
}

function onPageClick(e)
{
    $('preloader').show();
    page = this.id;
    laRequete(page);
    Effect.ScrollTo('portfolio',{
        duration:'0.2',
        offset:40
    });
}


function checkboxClicked(e)
{
    laRequete(1);
}

function laRequete(page)
{
    var checkboxes = $$('.filter_checkbox');
    for(i=0;i<checkboxes.length;i++){
        checkboxes[i].observe('click',checkboxClicked);
    }
    var url = 'work/filter';
    var options = {
        method : 'post',
        parameters : {
            page    : page,
            1:checkboxes[0].checked,
            2:checkboxes[1].checked,
            3:checkboxes[2].checked,
            4:checkboxes[3].checked,
            5:checkboxes[4].checked,
            6:checkboxes[5].checked,
            7:checkboxes[6].checked
        },
        onSuccess  : onRequestSuccess,
        onFailure  : onRequestFailure
    };
    new Ajax.Request(url, options);
}

function selectAllClicked(e)
{
    SetAllCheckBoxes(true);
    laRequete(1);
}

function deselectAllClicked(e)
{
    SetAllCheckBoxes(false);
    laRequete(1);
}

function SetAllCheckBoxes(CheckValue)
{
    var checkboxes = $$('.filter_checkbox');
    var countCheckBoxes = checkboxes.length;
    for(var i = 0; i < countCheckBoxes; i++){
        checkboxes[i].checked = CheckValue;
    }
}


//--------------------------------------------------- Scrolling system
function scrollNavigation()
{
    var elt = $$('#header a');
    elt[0].observe('click', function() {
        Effect.ScrollTo('intro',{
            offset:-133
        });
    });
    elt[1].observe('click', function() {
        Effect.ScrollTo('portfolio',{
            offset:40
        });
    });
    elt[2].observe('click',function(){
        Effect.ScrollTo('competences',{
            offset:-45
        });
    });
    elt[3].observe('click',function(){
        Effect.ScrollTo('contact',{
            offset: -45
        });
    });
}

//--------------------------------------------------- Gallery lightview
function animatePanelLinks()
{
    var i;
    var items = $$('.tempo');
    
    /*for(i=0;i<items.length;i++){
        items[i].observe('mouseover', function(){
            var item = this.down();
            item.style.display='';
            new Effect.Move(item, {y: 115, mode: 'absolute', duration:.3});
        });
        items[i].observe('mouseout', function(){
            var item = this.down();
            item.style.display='none';
        });

    }*/
    
    for(i=0;i<items.length;i++){
        items[i].observe('mouseover',function(){
            var item = this.down();
            item.style.display='';
        //new Effect.Move(item, {y: 115, mode: 'absolute', duration:.3});
        //ADS.log.write(item);
        });

        items[i].observe('mouseout',function(){
            //ADS.log.write('items over');
            var item = this.down();
            item.style.display = 'none';
           
        });
    }
}