Ext.onReady(function(){

    var logo = Ext.get('logo');
    var nospam = Ext.get('nospam');
    var whatisit = Ext.get('whatisit');
    var tooltip = Ext.get('limelock_alt_ext_div_1');
    tooltip.setVisibilityMode(Ext.Element.DISPLAY);

    if(nospam) {
	nospam.on('click', function(e, t, o) {
	    if(logo) {
		showLogo();
		e.stopEvent();
	    }
	})
    }

    logo.on('click', function(e, t, o) {
        showLogo(e, t, o);
    });

    function showLogo(e, t, o) {
        if(tooltip.isVisible()) return;

        var arrow = Ext.getDom('limelock_arrow_image');

        var x = logo.getRight() - 340;
        var y = logo.getTop();

        var top = y - 250;

        var margin = 275; //y - top - 15;
        //arrow.src = 'arrow2.png';
        //arrow.style.cssFloat = 'left';
        arrow.style.marginTop = margin + 'px';
        arrow.style.left = '-12px';

        tooltip.show(true);
        tooltip.position('absolute', 100, x, top);
    };

    var closett = new Ext.util.DelayedTask(function(){
        tooltip.hide(true);
    });

    Ext.fly('limelock_close').on('click', function() {
        tooltip.hide(true);
    });

    if(whatisit) {
        whatisit.on('click', function(e, t, o) {
            e.stopEvent();
            showLogo(e, t, o);
        });
    }

    logo.on('mouseleave', function(e, t, o) {
        hideToolTip();
    });

    logo.on('mouseenter', function(e, t, o) {
        closett.cancel(); 
    });

    tooltip.on('mouseenter', function(e, t, o) {
        closett.cancel(); 
    });

    tooltip.on('mouseleave', function(e, t, o) {
        hideToolTip();
    });

    var hideToolTip = function() {
        if(!tooltip.isVisible()) return;

        closett.delay(500); 
    };

    var linkClicked = function(e, t, o) {
        e.stopEvent();

        var pattern = new RegExp('^limelock_li_\\d+$');
        if(!pattern.test(t.id)) return;

        for(var i = 1; i < 5; i++) {
            Ext.fly('limelock_li_' + i).removeClass('limelock_clicked');
            Ext.fly('limelock_text_' + i).setVisibilityMode(Ext.Element.DISPLAY);
            Ext.fly('limelock_text_' + i).hide();
        }

        var pattern = new RegExp('\\d+$');
        var clickedId = pattern.exec(t.id);

        Ext.fly('limelock_text_' + clickedId).show();
        Ext.fly(t).addClass('limelock_clicked');
    };

    tooltip.on('click', linkClicked, null, {delegate:'a'});

});