$(document).ready(function () {
		
	//jCarousel Plugin
	$('#carousel').jcarousel({
		vertical: true,
		scroll: 1,
		auto: 0,
		direction: 1,
		wrap: 'last'	
	});
		

	//Front page Carousel - Initial Setup
   	$('div#slideshow-main li:first').addClass("active");
	$('div#slideshow-carousel a img').css({'opacity': '0.5'});
   	$('div#slideshow-carousel a img:first').css({'opacity': '1.0'});
   	$('div#slideshow-carousel li a:first').append('<span class="arrow"></span>')


	// Hide arrows if no more than 4 heros
  	if ($('#slideshow-carousel li').length <= 4) {
  		$('#slideshow-carousel .jcarousel-prev, #slideshow-carousel .jcarousel-next').hide();	
  	}
	
	
  
  	//Combine jCarousel with Image Display
    $('div#slideshow-carousel li a').hover(
       	function () {
       		if (!$(this).has('span').length) {
        		//$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.4'});
   	    		$(this).stop(true, true).children('img').css({'opacity': '1.0'});
       		}		
       	},
       	function () { 		
       		$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
       		$('div#slideshow-carousel li a').each(function () {
       			if ($(this).has('span').length) $(this).children('img').css({'opacity': '1.0'});
       		});	
       	
       	}
	).click(function () {
		
		if(!$(this).has('span').length) {
            
	     $('div#slideshow-carousel li a').has('span.arrow').children("img").css({'opacity': '0.5'})
    	 $('div#slideshow-carousel li a span.arrow').remove();        
	     $(this).append('<span class="arrow"></span>');
 
    	var nextHero = $('div#slideshow-main li.' + $(this).attr('rel')); 
	    var shownHero = $('div#slideshow-main li.active');    
    	 nextHero.css({opacity: 0.0})
	     nextHero.addClass('active')
    	 nextHero.css({'z-index':'10'})
	     shownHero.css({'z-index':'9'})
    	 nextHero.animate({opacity: 1.0}, 400, function() {
        	  shownHero.removeClass('active');
	     });
                
	     clearInterval(slideshow);
		}
		return false;

	});
	
	
});


// -- Auto rotate through heros -- 	
	function slideSwitch() {
	
		var shownHero = $('div#slideshow-main li.active');
		if ( shownHero.length == 0 ) shownHero = $('div#slideshow-main ul li:last');
	
		var nextHero =  shownHero.next().length ? shownHero.next()
			: $('div#slideshow-main li:first'); 
					
		
			size = $('div#slideshow-main li').length;
			index = $('div#slideshow-main li.active').index();
			current = $('div#slideshow-carousel li:eq(' + (index + 1) + ')');
			
			$('div#slideshow-carousel li a').has('span.arrow').children("img").css({'opacity': '0.5'})
		    $('div#slideshow-carousel li a span.arrow').remove();        
			current.find('a').append('<span class="arrow"></span>');
			current.find('img').css({'opacity' : '1.0'});
			
			/*	
			console.log(size);
			console.log($('div#slideshow-main li.active').index());
			console.log(shownHero.next().length);
			console.log($('div#slideshow-carousel li:eq(' + index + ')').html());
			*/
			
			if ((index+1) % 4 == 0 || (index+1)>4) $('#slideshow-carousel .jcarousel-next').click();
			
			shownHero.addClass('last-active');
			nextHero.css({opacity: 0.0})
				.addClass('active')
				.animate({opacity: 1.0}, 300, function() {
					shownHero.removeClass('active last-active');
				});
		
		if (index == $('div#slideshow-main li:last').index()) {                
    	 $('div#slideshow-carousel li:first a').append('<span class="arrow"></span>');
	     $('div#slideshow-carousel li:first a img').css({'opacity' : '1.0'});                    
		}
					
	}
	

		var slideshow = setInterval( "slideSwitch()", 4000 );