$(function(){
	var fadeout = 0.2;
	var chapter = new Array();
	$('#slidernavi').data('curThumb', 1);
	var totalThumbs = $('#mycarousel li').children().size();
	$('#mycarousel').data('firstThumb', 1);
	$('#mycarousel').data('lastThumb', (totalThumbs < 10 ? totalThumbs : 10));
	$('#slidernavi ul').jcarousel({
		visible: 10,
		animation: 500,
		scroll: 10,
		size: totalThumbs,
		wrap: 'both',
		initCallback: initCallbackFunction
    });


	$('#mycarousel li').each(
		function(idx) {
			$(this).data('index', (++idx));
		}
	);
	
	$('#mycarousel li').css('opacity', 0).each(function() {
		if($(this).data('index') == 1) {
        	$(this).fadeTo(500, 1);
			$(this).addClass("active");
		}
		else {
            $(this).fadeTo(500, fadeout);
			$(this).addClass("inactive");
        }
    });

	function initCallbackFunction(carousel) {
		for (i=0 ; i <= $('#slider').data('totalPanels'); i++) {
			$('#panel_' + i).bind('click', function() {
				var idx =  $(this).data('index');
				if(idx != $('#slider').data('curPanel')) {
					if (idx > $('#slider').data('curPanel')) {
						$.setCurrentPanel(idx);
						$.setCurrentThumb(idx);
					}
					else {
						$.setCurrentPanel(idx);
						$.setCurrentThumb(idx);
					}
					return false;
				}
			});
		};
	};

	$.setCurrentThumb = function(next) {
		$('#mycarousel li').each(
			function() {
				if($(this).data('index') == $('#slidernavi').data('curThumb')) {
                    $(this).fadeTo(300, fadeout);
				}
				if($(this).data('index') == next) {
                    $(this).fadeTo(500, 1);
				}
			}
		);
		if(next < $('#mycarousel').data('firstThumb')) {
			$('#slider').data('currentlyMoving', false);
			$('.jcarousel-prev-horizontal').click();
		}
		else if (next >  $('#mycarousel').data('lastThumb')) {
			$('#slider').data('currentlyMoving', false);
			$('.jcarousel-next-horizontal').click();
		}
		$('#slidernavi').data('curThumb', next);
     };



	$("#mycarousel li").click(
		function() {
			if ($(this).data('index')!=$('#slidernavi').data('curThumb')) {
				if (($('#slider').data('currentlyMoving') == false)) {
					//alert('click');
					idx = $(this).data('index');
					$.setCurrentPanel(idx);
					$.setCurrentThumb(idx);
				}
			}
		}
	);

	$("#mycarousel li").hover(
		function () {
			$(this).animate({'opacity': 1}, 200);
		},
		function () {
			if($(this).data('index') != $('#slider').data('curPanel'))
				$(this).animate({'opacity': fadeout}, 200);
		}
	);

	$(window).keydown(function(event){
	  	switch (event.keyCode) {			
	    	case 37: //left arrow
				if($('#slider').data('curPanel') > 1) {
					$.setCurrentPanel($('#slider').data('curPanel') - 1);
					$.setCurrentThumb($('#slider').data('curPanel'));
				}
				//$('.jcarousel-prev-horizontal').click();
			break;
			case 39: //right arrow
				if($('#slider').data('curPanel') < totalThumbs) {
					$.setCurrentPanel($('#slider').data('curPanel') + 1);
					$.setCurrentThumb($('#slider').data('curPanel'));
				}
				//$('.jcarousel-next-horizontal').click();
			break;
	  	};
	});
});