function loadBanner(src,id)
{
	var bannerImage = document.getElementById('banner_'+id);
	bannerImage.src = src;
}

function bannerOver(src,li,event,id)
{
	if ( Util.isOwnMouseOverEventOf(li, event) )
	{
		loadBanner(src,id);
	}
}

function bannerOut(src,li,event,id)
{
	if ( Util.isOwnMouseOutEventOf(li, event) )
	{
		loadBanner(src,id);
	}
}

jQuery(document).ready(function() {
    jQuery("#tips-carousel").jcarousel({
        scroll: 1,
        initCallback: carousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        itemVisibleInCallback: {
            onBeforeAnimation: carousel_itemVisibleInCallbackBeforeAnimation
        },
        itemVisibleOutCallback: {
            onBeforeAnimation: carousel_itemVisibleOutCallbackBeforeAnimation
        }
    });
});

function carousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
    // No animation on first load of the carousel
    if (state == 'init')
        return;

    jQuery('div.player-container', item).fadeIn('slow');
};

function carousel_itemVisibleOutCallbackBeforeAnimation(carousel, item, idx, state) {
    jQuery('div.player-container', item).fadeOut('slow');
};

function carousel_initCallback(carousel) {
    jQuery('#tips-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#tips-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

function exitPopup(){
	document.getElementById("popup").style.display = 'none';
}