var is_hidden = false;
var czas = 1.0;
var ie = false;
var visible = Array();
var kategorie = new Array("szkolenia", "jakosc", "consulting", "turystyka");
var wait = false;

window.onload = function(){
    if ($('pasek').clientHeight < 70){
        is_hidden = true;
    }
    //alert(navigator.appName);
    if (navigator.appName == "Microsoft Internet Explorer"){
        ie = true;
    }
}

function myAppear(div){
    if (ie == true){
        $(div).style.display = "block";
    }else {
        new Effect.Appear(div, {duration: 0.1, queue: { position: 'front', scope: 'scope_'+div } });
    }
    /*new Effect.Morph(div, {
      style: 'opacity:0.01; filter:alpha(opacity=1);',
      duration: 0.5
    });*/
    //$(div).style.opacity = 1;
    //$(div).style.filter = "alpha(opacity=100)";
    //
}

function myFade(div){
    if (ie == true){
        $(div).style.display = "none";
    }else {
        new Effect.Fade(div, {duration: 0.1, queue: { position: 'end', scope: 'scope_'+div }  });
    }
    /*new Effect.Morph(div, {
      style: 'opacity:0.01; filter:alpha(opacity=1);', 
      duration: 0.5
    });*/
    //$(div).style.opacity = 0.01;
    //$(div).style.filter = "alpha(opacity=1)";
    //$(div).style.display = "none";

}

function showAllEffects(){
    Effect.Appear('szkolenia', { duration: czas });
    Effect.Appear('jakosc', { duration: czas });
    Effect.Appear('consulting', { duration: czas });
    Effect.Appear('turystyka', { duration: czas });

    new Effect.Morph('pasek', { style: 'height:373px;', duration: 2.0 });
    new Effect.Scale('logo_img', 150);
    Effect.Appear('caption_doradztwo', { duration: czas });
    Effect.Appear('caption_integracja', { duration: czas });

    new Effect.Move('caption_szkolenia', {x: 0, y: 0 , mode: 'absolute' });
    new Effect.Move('caption_jakosc', {x: 0, y: 0 , mode: 'absolute' });
    new Effect.Move('caption_consulting', {x: 0, y: 0 , mode: 'absolute'});
    new Effect.Move('caption_turystyka', {x: 0, y: 0 , mode: 'absolute'});
}

function deactivateHover(){
    for (var i=0;i<4;i++){
                new Effect.Appear('img_'+kategorie[i], {duration: czas});
                $('link_'+kategorie[i]).setAttribute('onmouseover','');
                $('link_'+kategorie[i]).setAttribute('onmouseout','');
                //$('caption_'+kategorie[i]).onmouseover = function(){};
                //$('img_'+kategorie[i]).onmouseout = function(){};
                $('link_'+kategorie[i]).setAttribute('onclick','showFancy("'+ kategorie[i] +'")');
        }
}


function showAll(){
    if(is_hidden == true){
        deactivateLinks();
        dropOutData();
        showAllEffects();
        deactivateHover();
        is_hidden = false;
        setTimeout(activateLinks, 2000);
    }
}

function changeCat(category){
    wait = true;
    deactivateLinks();
    dropOutData();
    setTimeout("fillUpData('"+category+"')", 200);
    setTimeout(dataAppear, 500);
    updateMenu(category);
    new Effect.Appear('img_'+category, {duration: czas, queue: 'end'});
    setTimeout("$('img_"+category+"').style.display = 'block'",100);
    setTimeout(activateLinks, 2000);
    $('main').style.opacity = 1;
}

function dropOutData(){
    /*new Effect.DropOut('content', {queue: { position: 'front', scope: 'content' }});
    new Effect.DropOut('heading', {queue: { position: 'front', scope: 'heading' }});
    new Effect.DropOut('left', {queue: { position: 'front', scope: 'left' }});*/
    new Effect.DropOut('main', {queue: { position: 'front', scope: 'main' }});
}

function deactivateLinks(){
    $('logo').getElementsByTagName('a')[0].setAttribute('onclick', '');
    for (var i=0;i<4;i++){
            //$('caption_'+kategorie[i]).setAttribute('onmouseover','');
            //$('img_'+kategorie[i]).setAttribute('onmouseout','');
            $('link_'+kategorie[i]).setAttribute('onclick','');
            
            $(kategorie[i]).getElementsByTagName('a')[0].setAttribute('onclick', '');
    }
}


function activateLinks(){
    $('logo').getElementsByTagName('a')[0].setAttribute('onclick', 'showAll()');
    for (var i=0;i<4;i++){
            //$('caption_'+kategorie[i]).setAttribute('onmouseover','');
            //$('img_'+kategorie[i]).setAttribute('onmouseout','');
            //$('img_'+kategorie[i]).setAttribute('onclick','');
            $(kategorie[i]).getElementsByTagName('a')[0].setAttribute('onclick', 'showFancy("'+kategorie[i]+'")');
    }
}


function updateMenu(category){
    for (var i=0;i<4;i++){
        if (category != kategorie[i]){
            //new Effect.Fade('img_'+kategorie[i], {duration: czas});
            myFade('img_'+kategorie[i]);

            //$('caption_'+kategorie[i]).setAttribute('onmouseover','myAppear("img_'+kategorie[i]+'")');
            $('link_'+kategorie[i]).setAttribute('onmouseover','myAppear("img_'+kategorie[i]+'")');

            $('link_'+kategorie[i]).setAttribute('onmouseout','myFade(\"img_'+kategorie[i]+'\")');
            //$('img_'+kategorie[i]).setAttribute('onmouseout','myFade(\"img_'+kategorie[i]+'\")');
            //$('caption_'+kategorie[i]).setAttribute('onmouseout','myFade(\"img_'+kategorie[i]+'\")');

            //$('caption_'+kategorie[i]).setAttribute('onclick','changeCat("'+kategorie[i]+'")');
            $('link_'+kategorie[i]).setAttribute('onclick','changeCat("'+kategorie[i]+'")');
        }else {
            //$('caption_'+kategorie[i]).setAttribute('onmouseover','');

            $('link_'+kategorie[i]).setAttribute('onmouseover','');
            $('link_'+kategorie[i]).setAttribute('onmouseout','');
            //$('img_'+kategorie[i]).setAttribute('onmouseout','');
            //$('caption_'+kategorie[i]).setAttribute('onmouseout','');

            //$('caption_'+kategorie[i]).setAttribute('onclick','');
            $('link_'+kategorie[i]).setAttribute('onclick','');
        }
    }
}


function dataAppear(){
    /*new Effect.Appear('content', {duration: czas, queue: { position: 'end', scope: 'content' } });
    new Effect.Appear('heading', {duration: czas, queue: { position: 'end', scope: 'heading' } });
    new Effect.Appear('left', {duration: czas, queue: { position: 'end', scope: 'left' } });*/
    while (wait == true){}
    new Effect.Appear('main', {duration: czas, queue: { position: 'end', scope: 'main' } });

}

function fillUpData(category){
    $('main').setAttribute('class', category);
    new Ajax.Updater('content', '/main/news?category=' + category, null);
    new Ajax.Updater('heading', '/main/modules?category=' + category + '&position=heading', null);
    new Ajax.Updater('left', '/main/modules?category=' + category + '&position=left', null);
    wait = false;
}


function showFancyEffects(category){
    Effect.Fade('szkolenia', { duration: czas });
    Effect.Fade('jakosc', { duration: czas });
    Effect.Fade('consulting', { duration: czas });
    Effect.Fade('turystyka', { duration: czas });

    new Effect.Morph('pasek', { style: 'height:60px;', duration: 2.0 });
    new Effect.Scale('logo_img', 66);
    Effect.Fade('caption_doradztwo', { duration: czas });
    Effect.Fade('caption_integracja', { duration: czas });

    new Effect.Move('caption_szkolenia', {x: -40, y:-300 , mode: 'absolute' });
    new Effect.Move('caption_jakosc', {x: 15, y:-10 , mode: 'absolute' });
    new Effect.Move('caption_consulting', {x: 10, y:-280 , mode: 'absolute' });
    new Effect.Move('caption_turystyka', {x: 0, y:-20 , mode: 'absolute' });
}

function showFancy(category){
    is_hidden = true;
    deactivateLinks();
    
    fillUpData(category);
    dataAppear();

    showFancyEffects(category);
    updateMenu(category);
    setTimeout(activateLinks, 2000);
    
}

function showRecommendations(category){
    $('heading').innerHTML = "";
    new Ajax.Updater('content', '/main/recommendation?category=' + category, null);
}