/*
Dit is een authentieke Flard-creatie.
Mooi met je vingertjes vanaf blijven dus ;)

(Je mag wel altijd solliciteren om Dreksbak-devver te worden... :P )
*/


function setupFooter()
{
    $('#footer .iced').each(function(index) { 
        var id = '#'+$(this).attr('id');
        var img = id + ' img';
        var blurimg = id + '-blurred';


        if (!jQuery.browser.msie)
        {
            $(img).css({
                visibility: 'visible'
            });
        }

        $(this).bind('mouseenter', function(ev) { 
            if (jQuery.browser.msie) {
                $(blurimg).css({
                    visibility: 'hidden'
                });
                $(img).css({
                    visibility: 'visible'
                });
            } else {
                $(blurimg).animate({
                    opacity: 0
                });
                $(img).animate({
                    opacity: 1
                });
            }
        })
        .bind('mouseleave', function(ev) { 
            if (jQuery.browser.msie) {
                $(blurimg).css({
                    visibility: 'visible'
                });
                $(img).css({
                    visibility: 'hidden'
                });
            } else {
                $(blurimg).animate({
                    opacity: 1
                });
                $(img).animate({
                    opacity: 0
                });
            }
            if (id.substr(0,14) == '#sponsor-tile-') {
                $('#ijsbaan-info').fadeOut();
            }
        });
    });
}



function setupIJsbaan()
{
	var currentTile;

	function _enterTile() {
		_showTile(this);
		_dequeueHideInfo(this);
		_queueShowInfo(this);
	}

	function _leaveTile() {
		_hideTile(this);
		_dequeueShowInfo(this);
		_queueHideInfo(this);
	}

	function _enterInfo() {
		_dequeueHideInfo(currentTile);
	}

	function _leaveInfo() {
		_queueHideInfo(currentTile);
	}

	function _showTile(element) {
		currentTile = element;
        var id = '#'+$(element).attr('id');
        var img = id + ' img';
        var blurimg = id + '-blurred';		
		if (jQuery.browser.msie) {
			$(blurimg).css({ visibility: 'hidden' });
			$(img).css({ visibility: 'visible' });
		} else {
			$(blurimg).clearQueue().animate({opacity: 0});
			$(img).clearQueue().animate({opacity: 1});
		}
	}

	function _hideTile(element) {
        var id = '#'+$(element).attr('id');
        var img = id + ' img';
        var blurimg = id + '-blurred';		
		if (jQuery.browser.msie) {
			$(blurimg).css({ visibility: 'visible' });
			$(img).css({ visibility: 'hidden' });
		} else {
			$(blurimg).clearQueue().animate({opacity: 1});
			$(img).clearQueue().animate({opacity: 0});
		}
	}

	var showTimer;
	var showTimeout = 500;
	var hideTimer;
	var hideTimeout = 500;
	function _queueShowInfo(element) {
		showTimer = window.setTimeout(function() { _showInfo(element); }, showTimeout);
	}

	function _dequeueShowInfo() {
		window.clearTimeout(showTimer);
	}

	function _queueHideInfo(element) {
		hideTimer = window.setTimeout(function() { _hideInfo(element); }, showTimeout);
	}

	function _dequeueHideInfo() {
		window.clearTimeout(hideTimer);
	}

	function _showInfo(element) {
        var id = '#'+$(element).attr('id');
        var img = id + ' img';
		$('#ijsbaan-info-name').text($(img).attr('alt'));
                $('#ijsbaan-info-logo img').attr('src', ($(img).attr('src')));
                var url = $(element).attr('href');
                $('#ijsbaan-info-url a').attr('href', url).text(url);
                $('#ijsbaan-info-description').text($(element).attr('information'));
                var pos = $(element).position();
                pos.left += 25;
                pos.top += $(element).height();

				if (pos.left > 450)
					pos.left -= $('#ijsbaan-info').width();

                $('#ijsbaan-info').clearQueue().css({
                    left: pos.left, 
                    top: pos.top
                }).fadeIn();
	}

	function _hideInfo() {
		$('#ijsbaan-info').clearQueue().fadeOut();
	}

	$('.ijsbaan-container .iced').each(function(index) {
        if (!jQuery.browser.msie) {
			// IE counteren
            $('#'+$(this).attr('id')+' img').css({ visibility: 'visible' });
		}

		$(this).bind('mouseenter', _enterTile)
			   .bind('mouseleave', _leaveTile);
	});

	$('#ijsbaan-info').bind('mouseenter', _enterInfo)
                      .bind('mouseleave', _leaveInfo);

}

function setupIJsbaanOld()
{
    var mouseEnterTimer;
    var mouseLeaveTimer
    var currentid;

    $('.ijsbaan-container .iced').each(function(index) { 
        var id = '#'+$(this).attr('id');
        var img = id + ' img';
        var blurimg = id + '-blurred';

        function ijsbaanTileEnter()
        {
            if (mouseLeaveTimer != null)
            {
                window.clearTimeout(mouseLeaveTimer);
                mouseLeaveTimer = null;
            }
            var elem = this;
            mouseEnterTimer = window.setTimeout(function() {

                if (jQuery.browser.msie) {
                    $(blurimg).css({
                        visibility: 'hidden'
                    });
                    $(img).css({
                        visibility: 'visible'
                    });
                } else {
                    $(blurimg).clearQueue().animate({
                        opacity: 0
                    });
                    $(img).clearQueue().animate({
                        opacity: 1
                    });
                }

                $('#ijsbaan-info-name').text($(elem).attr('title'));
                $('#ijsbaan-info-logo').attr('src', ($(img).attr('src')));
                var url = $(elem).attr('href');
                $('#ijsbaan-info-url a').attr('href', url).text(url);
                $('#ijsbaan-info-description').text($(elem).attr('information'));
                var pos = $(elem).position();
                pos.left += 25;
                pos.top += $(elem).height();

                $('#ijsbaan-info').clearQueue().css({
                    left: pos.left, 
                    top: pos.top
                }).fadeIn();
            }, 500);
        }

        function ijsbaanTileLeave()
        {
            if (mouseEnterTimer != null)
            {
                window.clearTimeout(mouseEnterTimer);
                mouseEnterTimer = null;
            }

            var elem = this;

            mouseLeaveTimer = window.setTimeout(function() {
                if (jQuery.browser.msie) {
                    $(blurimg).css({
                        visibility: 'visible'
                    });
                    $(img).css({
                        visibility: 'hidden'
                    });
                } else {
                    $(blurimg).clearQueue().animate({
                        opacity: 1
                    });
                    $(img).clearQueue().animate({
                        opacity: 0
                    });
                }
                $('#ijsbaan-info').clearQueue().fadeOut();
            }, 1000);
        }

        if (!jQuery.browser.msie)
        {
            $(img).css({
                visibility: 'visible'
            });
        }

        $(this).bind('mouseenter', ijsbaanTileEnter)
               .bind('mouseleave', ijsbaanTileLeave);
    });

	function ijsbaanInfoEnter() {
		window.clearTimeout(mouseLeaveTimer);
	}

	function ijsbaanInfoLeave()	{
		//window.setTimeout(function() {
		//}, 500);
	}

	$('#ijsbaan-info').bind('mouseenter', ijsbaanInfoEnter)
	.bind('mouseleave', ijsbaanInfoLeave);
}


$(function() { 
    // onload!

    setupFooter();
    setupIJsbaan();
});