$(document).ready(function(){
	
	//var images = [];
	
	$('.image_dest').click(function () {
		var index = $('.image_dest').index(this);
		$('.image').find('.pre_load').css('display','none');
		$('.image').find('.pre_load').eq(index).css('display','block');
		$('.scroll').find('.active').removeClass('active');
		$(this).parent().addClass('active');
		return false;
	});
	
	
	
	function mycarousel_initCallback(carousel)
	{
		// Disable autoscrolling if the user clicks the prev or next button.
		carousel.buttonNext.bind('click', function() {
			carousel.startAuto(0);
		});

		carousel.buttonPrev.bind('click', function() {
			carousel.startAuto(0);
		});

		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() { 
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
	};
	
	
	$('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
		visible: 4,
		buttonPrevHTML: '<a class="prev" href="javascript:"></a>',
		buttonNextHTML: '<a class="next" href="javascript:"></a>',
        initCallback: mycarousel_initCallback		
	});
	
	var counter = 0;
	
	var inID = setInterval(loading, 100);
	
	function loading() {
		if (counter < $('#mycarousel').find('a').size()) {
			
			//images[counter] = new Image();
			//images[counter].src = $('#mycarousel').find('a').eq(counter).attr('href');
			$('<img src="'+$('#mycarousel').find('a').eq(counter).attr('href')+'" class="pre_load" style="display:none"/>').appendTo('.image');
			counter++;
		} else {
			$('.image_dest').first().trigger('click');
			clearInterval(inID);
		}
	}
});