$(document).ready(function () {    
    
    $('.aboutBgContainer').click( function() {
        hideBlocks('closeAboutBG');
    });    
    
    $('.closeAboutBg').click( function(event) {
        event.stopPropagation();
        hideBlocks('closeAboutBG');   
    });    
    
    $('.linkAboutBg').click(linkAboutBgClick);
    
    $('.aboutBgEntryLink').mouseover(function() {
        var linkId = this.id;
        var positionContainer = $('#listContainer').offset();
        var position = $('.aboutBgImage').filter('#'+linkId).offset();
        var paddingtop = $('.aboutBgImage').filter('#'+linkId).css("paddingtop")
            ? $('.aboutBgImage').filter('#'+linkId).css("paddingtop").replace("px", "")
            : 5
        
        position.top = position.top - positionContainer.top - paddingtop;
        position.left = position.left - positionContainer.left;
        if(($(window).width() - position.left) < $('.aboutBgImageBig').filter('#'+linkId).width()) {
            position.left = position.left -
                ($('.aboutBgImageBig').filter('#'+linkId).width() - (($(window).width() - position.left))) - 40;
            position.top = position.top + $('.aboutBgImage').filter('#'+linkId).height()+10;
        }
        
        $('.aboutBgImageBig').filter('#'+linkId).css(position);
        $('.aboutBgImageBig').filter('#'+linkId).css("visibility", "visible");
    });
    
    $('.aboutBgEntryLink').mouseout(function() {
        var linkId = this.id;
        $('.aboutBgImageBig').filter('#'+linkId).css("visibility", "hidden");
    });
    
    $('.aboutBgImageLink').click(function(event) {
        event.stopPropagation();
        $('.aboutBgBackground').css("z-index", 90000);
        $('.aboutBgBackground').css("visibility", "visible");        
    });
    
    $('.aboutBgEntryLink').click(function(event) {
        event.stopPropagation();
    });
    
    $('.aboutBgBackground').click(function(event) {
        event.stopPropagation();
        $('.aboutBgBackground').css("visibility", "hidden");
        $('.aboutBgBackground').css("z-index", 1);
    });
    
    $('.bgExplainTrigger').click(function(event) {
        event.stopPropagation();
        if(currentSelectedLink || $(".bioMike").css("visibility") == "visible" || $(".bioFrank").css("visibility") == "visible") {
            $('.blackOverlay').click();
            return false;
        }        
        window.location = SITE_URL+'/'+currentLang+'/n/the-bot';
        return true;
    });
    
    $(window).resize(function(){
        $('.bgExplainTrigger').css({
            position:'absolute',
            left: ($(window).width() 
                - $('.bgExplainTrigger').outerWidth())/2,
            top: ($(window).height() 
                - $('.bgExplainTrigger').outerHeight())/2
        });
    }); 
    $(window).resize();
    
});

function linkAboutBgClick() {
    hideBlocks();
    setUnderlyingTextColor();
    $('.blackOverlay').css("z-index", 50000);    
    $('.aboutBgContainer').css("visibility", 'visible');     
}

function findPosX(obj)
{
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
            curleft += obj.offsetLeft;
            if(!obj.offsetParent)
                break;
            obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosY(obj)
{
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
            curtop += obj.offsetTop;
            if(!obj.offsetParent)
                break;
            obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
}