<!--

$(document).ready(function() {
	$('.twitter,.flicker, .krop, .shark, .facebook, .digg, .pt, .buffet').append('<span class="hover"></span> <span class="hflicker"></span> <span class="hkrop"></span> <span class="hshark"></span> <span class="hfacebook"></span> <span class="hdigg"></span> <span class="hpt"></span> <span class="hbuffet"></span>').each(function () {
	  var $span = $(' > span.hover, > span.hflicker, > span.hkrop, > span.hshark , > span.hfacebook, > span.hdigg,  > span.hpt, > span.hbuffet', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});
});



$(function () {
    $('.bubbleInfo').each(function () {
        var distance = 10;
        var time = 250;
        var hideDelay = 500;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = $('.trigger', this);
        var info = $('.popup', this).css('opacity', 0);


        $([trigger.get(0), info.get(0)]).mouseover(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                info.css({
                    top: -90,
                    left: -33,
                    display: 'block'
                }).animate({
                    top: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
});


// Fade
$(document).ready(function() {
	$('a#contactlink').click(function() {
		$('#one').fadeOut('slow');
		$('#two').fadeIn('slow');
		$('#mask').fadeIn('fast', function () {
		    $('body').css('background-image', 'url(images/bg-img2.jpg)'); 
		    $('#mask').fadeOut('fast');
		});
	});
	$('a#sociallink').click(function() {
		$('#two').fadeOut('slow');
		$('#one').fadeIn('slow');
		$('#mask').fadeIn('fast', function () {
		    $('body').css('background-image', 'url(images/bg-img.jpg)'); 
		    $('#mask').fadeOut('fast');
		});
	});
});

//-->
