// Home page switcher
$(function() {
    if ($('.card-list').size() != 0) {
        // SETUP
        var cardTriggers = $('.card-list li'),
			cards = $('.card'),
			i = 0;

        // INIT
        $(cards)
			.addClass('hasJS')
			.eq(0)
			.addClass('revealCard');

        $(cardTriggers).each(function() {
            $(this).data('targ', $(cards).eq(i));
            i++;
        });

        // EFFECT
        $(cardTriggers).click(function() {
            if ($(this).data('targ').is(':visible')) { return false; } // kick out

            $(cardTriggers).filter('.curr').removeClass('curr');

            $(cards).filter(':visible').css('display','none');
            $(this)
				.addClass('curr')
				.data('targ')
				.css('display','block');
            return false;
        });
    }
})


// Comm page carousel
$(function() {
    carouselEl = {

        i: 1,

        thumbs: $('div#carousel li'),

        l: $('div#carousel li').size(),

        curSlide: $('div#carousel li div:visible'),

        autoRun: 10, // autorun time increment in seconds

        triggerReveal: function(el) {
            reveal = $(carouselEl.triggerEl).children('div');
            carouselEl.curSlide = $('div#carousel li div:visible');

            if ($(reveal).css('display') == 'none') {
                // reveal new
                $(reveal)
				.toggle()
				.animate({ 'opacity': 1 }, 300)
				.parent()
				.addClass('active-thumb');

                // hide old	
                $(carouselEl.curSlide)
				.animate({ 'opacity': 0 }, 300, function() {
				    $(this).toggle();
				    carouselEl.curSlide = reveal;
				})
				.parent()
				.removeClass('active-thumb')
            }
        },

        autoRunCar: function() {
            if (carouselEl.i == 0) {
                clearTimeout(carouselEl.autoRun);
                delete carouselEl.autoRun;
            }
            carouselEl.triggerEl = $(carouselEl.thumbs).eq(carouselEl.i);
            carouselEl.triggerReveal();
            //$(carouselEl.thumbs).eq(carouselEl.i).trigger('mouseover');
            carouselEl.i++;
            if (carouselEl.i == carouselEl.l) { carouselEl.i = 0; }
        },

        initCarousel: function() {
            // overwrite css
            //$('head').append('<style type="text/css">div#carousel li:hover div {display: none;} </style>');

            // If IE9 remove filter rule
            if ($.browser.msie && (parseInt($.browser.version) == 9)) { $('div#carousel li div').css('filter', ''); }

            $('div#carousel li div:visible').parent().addClass('active-thumb');

            // set opac for initally display none els
            $('div#carousel li div:hidden').css('opacity', 0);

            // bind triggers
            $(carouselEl.thumbs)
			.mouseover(function(e) {
			    carouselEl.triggerEl = this;
			    carouselEl.triggerDelay = setTimeout(function() {
			        if (typeof carouselEl.autoRun != 'undefined') { // kill autoRun on user hover
			            clearTimeout(carouselEl.autoRun);
			            delete carouselEl.autoRun;
			        }
			        carouselEl.triggerReveal();
			    }, 300);
			})
			.mouseout(function() {
			    clearTimeout(carouselEl.triggerDelay);
			});
            carouselEl.autoRun = setInterval(function() { carouselEl.autoRunCar() }, carouselEl.autoRun * 1000);
        } // end initCarousel

    }; // end carousel obj	

    $(function() {
        carouselEl.initCarousel();
    });
});