window.fbAsyncInit = function() {
    
    FB.init({appId: fbKey, status: true, cookie: true,
             xfbml: true});

    $('facebookIcon').addEvent('mouseenter', showFacebook)
        .addEvent('mouseleave', hideFacebook);

    $('fbPop').addEvent('mouseleave', hideFacebook);

};

window.addEvent('domready', function(){
                    var e = document.createElement('script'); e.async = true;
                    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
                    document.body.appendChild(e);
                    
/*                    twttr.anywhere(function(T){
                                       T('#twitterPop').hovercards({expanded: false});
                                       T('#twitterConnect').connectButton({ size: "large" });
                                       T('#followTim').followButton('timheidecker');
                                       T('#followEric').followButton('ericwareheim');
                                   });
  */                  
                    $('twitterIcon').addEvent('mouseenter', showTweets)
                        .addEvent('mouseleave', hideTweets);
                    
                    $('twitterPop').addEvent('mouseleave', hideTweets);

                    $('newsIcon').addEvent('mouseenter', showNewsletter)
                        .addEvent('mouseleave', hideNewsletter);
                    
                    $('newsPop').addEvent('mouseleave', hideNewsletter);

                    $('contactText').addEvent('mouseenter', showContact)
                        .addEvent('mouseleave', hideContact);
                    $('contactPop').addEvent('mouseleave', hideContact);


                    // these are really all over, but footer.js will be included always
                    var hovers = new Array('manciergeBtn',
                                           'mediaBurst'
                                           //'ericShirt',
                                           //'timShirt'
                                           );
                    hovers.each(function(hover){
                                    var el = $(hover);
                                    if (el){
                                        el.addEvent('mouseenter', function(){
                                                        el.src = 'img/' + hover + 'Hover.png';
                                                    })
                                            .addEvent('mouseleave', function(){
                                                          el.src = 'img/' + hover + '.png';
                                                      });
                                    }
                                });



                });

function showTweets(e){
    var twitterPop = $('twitterPop');
    var ev = new Event(e);
    var pos = $('twitterIcon').getPosition();
    var iconSize = $('twitterIcon').getSize();
    var popSize = $('twitterPop').getSize();

    // make it so we get a measurement
    twitterPop.setStyles({'visiblility': 'hidden',
                          'display': 'block'});

    // if can't find actual use fixed
    if (popSize.x == 0){
        popSize.x = 372;
    }
    twitterPop.setPosition({'x': pos.x + (iconSize.x - popSize.x) / 2})
        .setStyle('visiblity', 'visibile');
    
}

function hideTweets(e){
    var ev = new Event(e);
    var parent = ev.relatedTarget;
    if (!parent) {
        return;
    }
    do {
        if (parent.id == 'twitterPop') {
            return;
        }
        parent = parent.getParent();
    }
    while(parent);
    
    $('twitterPop').setStyle('display', 'none');
}

function showFacebook(e){
    var ev = new Event(e);
    var pos = $('facebookIcon').getPosition();
    $('fbPop').setPosition({'x': pos.x - 191})
        .setStyle('display', 'block');
}

function hideFacebook(e){
    var ev = new Event(e);
    var parent = ev.relatedTarget;
    if (!parent){
        return;
    }
    do {
        if (parent.id == 'fbPop') {
            return;
        }
        parent = parent.getParent();
    }
    while(parent);

    $('fbPop').setStyle('display', 'none');

}

function showNewsletter(e){
    var ev = new Event(e);
    var pos = $('newsIcon').getPosition();
    var iconSize = $('newsIcon').getSize();
    var popSize = $('newsPop').getSize();

    if (popSize.x == 0){
        popSize.x = 395;
    }
    
    $('newsPop').setPosition({'x': pos.x + (iconSize.x - popSize.x) / 2})
        .setStyle('display', 'block');
}

function hideNewsletter(e, noCheck){
    if (!noCheck){
        var ev = new Event(e);
        var parent = ev.relatedTarget;
        if (!parent) {
            return;
        }
        do {
            if (parent.id == 'newsPop') {
                return;
            }
            parent = parent.getParent();
        }
        while(parent);
    }
    $('newsPop').setStyle('display', 'none');
}

function submitNewsletter(form){
    form.submit();
    
    form.Email.value = '';
    form['d[1]'].value = '';
    form.comments.value = '';

    hideNewsletter(null, true);
    
}

function showContact(e){
    var pos = $('contactText').getPosition();
    $('contactPop') //.setPosition({'x': pos.x - 80, 'y': pos.y - 130})
        .setStyle('display', 'block');
}

function hideContact(e){
    var ev = new Event(e);
    var parent = ev.relatedTarget;
    if (!parent) {
        return;
    }
    do {
        if (parent.id == 'contactPop') {
            return;
        }
        parent = parent.getParent();
    }
    while(parent);
    
    $('contactPop').setStyle('display', 'none');
}