$(document).ready(function () {
    imageCarousel();
});

function imageCarousel() {
    var currentAd = 0;
    var banner = $('#banner');

    function fadeBanner() {
        if (currentAd < $('#bannerNav a').length - 1) {
            currentAd++;
        } else {
            currentAd = 0;
        }
        goToBanner(currentAd);
    }

    function goToBanner(bannerNum) {
        $currentBanner = $('#banner .bannerSlide:visible');
        $currentBanner.css('z-index', '1');

        $('#banner .bannerSlide').eq(bannerNum).css('z-index', '2').fadeIn('slow', function () {
            $currentBanner.fadeOut('fast');
        });

        activePosition = $('#bannerNav li.active').css('left');
        newPosition = $('#bannerNav li').eq(bannerNum).css('left');

        $('#bannerNav li.active').animate({ 'marginTop': '5px', 'left': newPosition })
								.children('a').css('border-color', '#999').animate({ 'width': '129px', 'height': '87px' }, 'fast', function () {
								    $(this).parent('li').removeClass('active');
								})
								.children('.bg').stop().animate({ 'opacity': '0.4' }, 'fast')
								//.siblings('span').fadeOut()
								.siblings('.image');

        $('#bannerNav li').eq(bannerNum).animate({ 'marginTop': '0', 'left': activePosition })
								.children('a').css('border-color', '#fff').animate({ 'width': '145px', 'height': '95px' }, 'fast', function () {
								    $(this).parent('li').addClass('active');
								})
								.children('.bg').stop().animate({ 'opacity': '0' }, 'fast')
								//.siblings('span').fadeIn()
								.siblings('.image');
    }
    function animating(element) {
        if (element.parent('li').hasClass('active') || $('#banner div:animated').length > 0)
            return true;
        else
            return false
    }

    $('#banner div.hide').removeClass('hide').hide();

    $('#bannerNav .active img').siblings('span').show();

    $('#bannerNav a').click(function (event) {
        event.preventDefault();
        if (!animating($(this))) {
            currentAd = $('#bannerNav a').index($(this));
            goToBanner(currentAd);
        }
    });

    $('#bannerNav li').hover(
	function () {
	    $(this).children('a').css('border-color', '#fff').children('.bg').stop().animate({ 'opacity': '0' }, 'fast');
	},
	function () {
	    if (!$(this).hasClass('active') && $(this).find('a:animated').length == 0)
	        $(this).children('a').css('border-color', '#999').children('.bg').stop().animate({ 'opacity': '.4' }, 'fast');
	});
}