Event.observe(window, "load", init);

function init() {
    $$('#search input[type=checkbox]').each(function(input){
        Event.observe(input,"click", submitHandler);
    });

    var slideshow = new M4StepShow('slideshow','slideshow_container','slide');
    new PeriodicalExecuter(function(){
        slideshow.next();
    },3.5);


    formBgHandler('formContact');
}

function submitHandler(e) {
    //e.target.up("form").submit();
    var params=[],url_params='',filter='',end='';
    params[0] = params[1] = '';
    var inputTarget = $$('#search input[rel=target]');
    var inputCategory = $$('#search input[rel=category]');

    for(var i=0,max=inputTarget.length;i<max;i++) {
        if(inputTarget[i].checked)
            params[0] +=inputTarget[i].value+',';
    }
    for(var i=0,max=inputCategory.length;i<max;i++) {
        if(inputCategory[i].checked)
            params[1] +=inputCategory[i].value+',';
    }

    console.log(params[0]);
    console.log(params[1]);

    for(var i=0,max=params.length;i<max;i++) {
        if(params[i] != '') {
            params[i] = params[i].substring(0,params[i].length-1);
            filter = i%2 == 0 ? 'targets' : 'categories';
            //end = i%2 == 0 ? '' : '/';
            url_params += filter+':'+params[i]+'/';
        }
    }

    console.log(url_params);

    window.location.href=(url+url_params);

    //document.getElementById("search").submit();
}

function getCategoryList(obj,url) {
    var id = obj.value;

    if(id != 0) {
        window.location.href = url + "id:" + id +"/";
    }
    else window.location.href = url;
}

function formBgHandler(id) {
    if(!$(id))
        return;
    $$('#'+id+' input[type=text], #'+id+' textarea').each(function(input){
        Event.observe(input,"focus",focusBg);
        Event.observe(input,"blur",blurBg);
    });
    $$("li.input, li.textarea").each(function(li){
        Event.observe(li,"click",setFocus);
    });
}

function setFocus(evt) {
    evt.target.down("input[type=text], textarea").focus();
}

function focusBg(evt) {
    var spriteDistance;
    var spriteIndex;
    switch(evt.target.nodeName) {
        case "INPUT":
            spriteDistance = 46;
            spriteIndex = 190;
            break;
        case "TEXTAREA":
            spriteDistance = 166;
            spriteIndex = 560;
            break;
        default:
            break;
    }
    evt.target.up('li').setStyle({backgroundPosition:"-"+spriteIndex+"px -"+spriteDistance+"px"});
}

function blurBg(evt) {
    var spriteDistance;
    var spriteIndex;
    switch(evt.target.nodeName) {
        case "INPUT":
            spriteDistance = 0;
            spriteIndex = 190;
            break;
        case "TEXTAREA":
            spriteDistance = 0;
            spriteIndex = 560;
            break;
        default:
            break;
    }
    evt.target.up('li').setStyle({backgroundPosition:"-"+spriteIndex+"px "+spriteDistance});
}