var lightBlue = '#485ee4';
var darkBlue = '#010519';
var lightRed = '#ff6c4a';
var darkRed = '#150b08';
var darkBlueUnder = '#cccfe0';
var darkRedUnder = '#ffc4b6';

var isProjectOpen = false;
var isNewsOpen = false;
var currentLang = '';

var currentSelectedLink = '';
var defaultPanel = '';

$(document).ready(function () {
    
    hideBlocks();
    changeColorTo(lang);   
    
    switch(defaultPanel) {
        case 'project':
            openProject(defaultSelected);
            showHideBlock();
            break;
        case 'page':
            openPage(defaultSelected);
            showHideBlock();
            break;
    }    
    
    $('#langFr').click(langFrClick);    
    $('#langEn').click(langEnClick);    
    $('.projectLink').click(langProjectLinkClick);    
    $('.newsLink').click(langNewsLinkClick);     
    $('.closeProject').click(closeClick);    
    $('.closeNews').click(closeClick);
    $('.linkBioFrank').click(linkBioFrankClick);    
    $('.bioFrank').click(stopEvent);    
    $('.bioMike').click(stopEvent);    
    $('.linkBioMike').click(linkBioMikeClick);
    $('.content').click(contentClick);    
    
    $('.blackOverlay').click( function() {
        hideBlocks();
        currentSelectedLink = '';
        changeColorTo(currentLang);
    });
    
    $('.hoverHideTrigger').click(function(event) {
        hideBlocks();
        currentSelectedLink = '';
        changeColorTo(currentLang);
    });
    
});

$(window).load( function() {
    $('.blackLoading').css("visibility", "hidden");
});

function langEnClick(event) {
    event.stopPropagation();
    $.post('/en/index/langswitch');
    currentLang = 'en';
    changeColorTo(currentLang);
    showHideBlock();
    return false;
}
    
function langFrClick(event) {
    event.stopPropagation();
    $.post('/fr/index/langswitch');
    currentLang = 'fr';
    changeColorTo(currentLang);
    showHideBlock();
    return false;
}

function linkBioMikeClick(event) {
    event.stopPropagation();
    if($(".bioMike").css("visibility") == "visible") {            
        $(".bioMike").css("visibility", "hidden");
        $(".textBlockReveal").css("left", "-350px");
    }else{
        hideBlocks();
        currentSelectedLink = '';
        changeColorTo(currentLang);
        $(".textBlockReveal").css("left", "350px");
        $(".bioMike").css("visibility", "visible");
    }
}

function contentClick(event) {
    $(".bioFrank").css("visibility", "hidden");     
    $(".bioMike").css("visibility", "hidden");    
}

function stopEvent(event) {
    event.stopPropagation();
    return false;
}

function linkBioFrankClick(event) {
    event.stopPropagation();
    if($(".bioFrank").css("visibility") == "visible") {
        $(".bioFrank").css("visibility", "hidden");
        $(".textBlockReveal").css("left", "-350px");
    }else{
        hideBlocks();
        currentSelectedLink = '';
        changeColorTo(currentLang);
        $(".textBlockReveal").css("left", "350px");            
        $(".bioFrank").css("visibility", "visible");
    }
}

function closeClick() {
    hideBlocks();
    currentSelectedLink = '';
    changeColorTo(currentLang);
}

function langProjectLinkClick(event) {
    event.stopPropagation();
    if(currentSelectedLink != this.id) {
        hideBlocks();
        isProjectOpen = true;
        currentSelectedLink = this.id;
        this.style.color = '#ffffff';
        changeColorTo(currentLang);
    }
    return false;
}

function langNewsLinkClick(event){
    event.stopPropagation();
    if(currentSelectedLink != this.id) {
        hideBlocks();
        isNewsOpen = true;
        currentSelectedLink = this.id;
        this.style.color = '#ffffff';
        changeColorTo(currentLang);
    }
    return false;
}

function openProject(linkId) {

    if(currentSelectedLink != linkId) {
        hideBlocks();
        isProjectOpen = true;
        currentSelectedLink = linkId;
        $('.'+linkId).css("color", "#ffffff");
        changeColorTo(currentLang);
    }
}

function openPage(linkId) {
    if(currentSelectedLink != linkId) {
        hideBlocks();
        isNewsOpen = true;
        currentSelectedLink = linkId;
        $('.'+linkId).css("color", "#ffffff");
        changeColorTo(currentLang);
    }
}

function showHideBlock() {

    if(isProjectOpen) {
        $(".newsList").css("visibility", "hidden");        
        if(currentLang == 'fr') {
            $(".showHideProjectBlock_fr").css("visibility", "visible");
            $(".showHideProjectBlock_en").css("visibility", "hidden");
        }else {
            $(".showHideProjectBlock_en").css("visibility", "visible");
            $(".showHideProjectBlock_fr").css("visibility", "hidden");
        }
    }
    
    if(isNewsOpen) {
        if(currentLang == 'fr') {
            $(".showHideNewsBlock_fr").css("visibility", "visible");
            $(".showHideNewsBlock_en").css("visibility", "hidden");
        }else {
            $(".showHideNewsBlock_en").css("visibility", "visible");
            $(".showHideNewsBlock_fr").css("visibility", "hidden");
        }
    }
    
    if(currentLang == 'fr') {
        $(".showHideBioBlock_fr").css("visibility", "visible");
        $(".showHideBioBlock_en").css("visibility", "hidden");
        
    }else{
        $(".showHideBioBlock_fr").css("visibility", "hidden");
        $(".showHideBioBlock_en").css("visibility", "visible");
    }
}

function hideBlocks(context) {
    
    $(".showHideProjectBlock_en").css("visibility", "hidden");
    $(".showHideNewsBlock_en").css("visibility", "hidden");
    $(".showHideBioBlock_en").css("visibility", "hidden");
    $(".showHideProjectBlock_fr").css("visibility", "hidden");    
    $(".showHideNewsBlock_fr").css("visibility", "hidden");    
    $(".showHideBioBlock_fr").css("visibility", "hidden");
    
    $(".bioFrank").css("visibility", "hidden");
    $(".bioMike").css("visibility", "hidden");
    $(".textBlockReveal").css("left", "-350px");
    $('.aboutBgImageBig').css("visibility", "hidden");
    $('.aboutBgContainer').css("visibility", 'hidden');
    $(".aboutBgBackground").css("visibility", "hidden");
    
    $(".newsList").css("visibility", "visible");
    $('.blackOverlay').css("z-index", 900);
    
    isProjectOpen = false;
    isNewsOpen = false;
    
    if(context == 'closeAboutBG') {
        changeColorTo('', true);
        changeColorTo(currentLang);        
    }
}

function changeColorTo(lang, bypassLang){
    
    if(lang == 'fr' || bypassLang) {
        $(".variable_en").removeClass('dark_en_Under');
        $(".variable_en").removeClass('light_en');
        $(".variable_en").addClass('dark_en');
        $(".enBlock").css("z-index", 5000);
        
        $(".variable_fr").removeClass('dark_fr_Under');        
        $(".variable_fr").removeClass('dark_fr');
        $(".variable_fr").addClass('light_fr');
        $(".frBlock").css("z-index", 10000);
        
        $(".frTag").css("border-bottom-color", lightRed);
        $(".enTag").css("border-bottom-color", darkBlue);
        $(".frTag").css("color", lightRed);
        $(".enTag").css("color", darkBlue);
        
        if(currentSelectedLink) {
            $(".frTag").filter("#"+currentSelectedLink).css("border-bottom-color", '#FFFFFF');
        }
        
        $(".frTag").filter(".bioName").css("color", '#FFFFFF');
        $(".enTag").filter(".bioName").css("color", darkBlue);
        
        if(!bypassLang){
            currentLang = 'fr';
        }
    }
    if(lang == 'en' || bypassLang){
        
        $(".variable_en").removeClass('dark_en_Under');
        $(".variable_en").removeClass('dark_en');
        $(".variable_en").addClass('light_en');
        $(".enBlock").css("z-index", 10000);
        
        $(".frTag").css("border-bottom-color", darkRed);
        $(".enTag").css("border-bottom-color", lightBlue);
        $(".frTag").css("color", darkRed);
        $(".enTag").css("color", lightBlue);
        
        if(currentSelectedLink) {
            $(".enTag").filter("#"+currentSelectedLink).css("border-bottom-color", '#FFFFFF');
        }
        
        $(".variable_fr").removeClass('dark_fr_Under');
        $(".variable_fr").removeClass('light_fr');
        $(".variable_fr").addClass('dark_fr');
        $(".frBlock").css("z-index", 5000);
        
        $(".frTag").filter(".bioName").css("color", darkRed);
        $(".enTag").filter(".bioName").css("color", '#FFFFFF');
        
        if(!bypassLang){
            currentLang = 'en';
        }
    }    
}

function setUnderlyingTextColor() {
    
    if(currentLang == 'fr') {
        $(".variable_en").removeClass('light_en');
        $(".variable_en").removeClass('dark_en');
        $(".variable_en").addClass('dark_en_Under');        
        $(".enTag").css("color", darkBlueUnder);
        $(".enTag").filter(".bioName").css("color", darkBlueUnder);        
        $(".variable_en").filter(".noChange").removeClass('dark_en_Under');
        $(".variable_en").filter(".noChange").addClass('dark_en');        
    }else{
        $(".variable_fr").removeClass('light_fr');
        $(".variable_fr").removeClass('dark_fr');
        $(".variable_fr").addClass('dark_fr_Under');        
        $(".frTag").css("color", darkRedUnder);
        $(".frTag").filter(".bioName").css("color", darkRedUnder);
        $(".variable_fr").filter(".noChange").removeClass('dark_fr_Under');
        $(".variable_fr").filter(".noChange").addClass('dark_fr');               
    }
}