//
//  I just put this into a file to keep the master page tidy.
//  Allows for the fading effect on thesocial links on hover.
//
        
    //<![CDATA[
    window.addEvent('domready', function() {

    var fbBtn = $('fbBtn'); //Facebook button
    var twBtn = $('twBtn'); //Twitter button
    var frBtn = $('frBtn'); //Flickr button
    var taBtn = $('taBtn'); //TripAdvisor button
    var plBtn = $('plBtn'); //Plus button
    var blBtn = $('blBtn'); //Blog button


        $('blBtn').addEvent('mouseover', function(e) {
            e.stop();
            blBtn.fade(0);
        });
        $('blBtn').addEvent('mouseout', function(e) {
            e.stop();
            blBtn.fade(1);
        });
        
    
        $('fbBtn').addEvent('mouseover', function(e) {
            e.stop();
            fbBtn.fade(0);
        });
        $('fbBtn').addEvent('mouseout', function(e) {
            e.stop();
            fbBtn.fade(1);
        });


        $('twBtn').addEvent('mouseover', function(e) {
            e.stop();
            twBtn.fade(0);
        });
        $('twBtn').addEvent('mouseout', function(e) {
            e.stop();
            twBtn.fade(1);
        });



        $('frBtn').addEvent('mouseover', function(e) {
            e.stop();
            frBtn.fade(0);
        });
        $('frBtn').addEvent('mouseout', function(e) {
            e.stop();
            frBtn.fade(1);
        });




        $('taBtn').addEvent('mouseover', function(e) {
            e.stop();
            taBtn.fade(0);
        });
        $('taBtn').addEvent('mouseout', function(e) {
            e.stop();
            taBtn.fade(1);
        });





        
        
    });
    //]]>