$(document).ready(function() {
	$('#pictures').cycle({
	    fx:     'fade',
	    prev:   '#prev',
	    next:   '#next',
	    after:   onAfter,
	    timeout: 0
	});
	
	jQuery("#mycarousel").jcarousel({
		scroll: 1,
		initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
	jQuery("#mycarousel-2").jcarousel({
		scroll: 1,
		initCallback: mycarousel_initCallback_2,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});

	jQuery("#mycarousel-3").jcarousel({
		scroll: 1,
		initCallback: mycarousel_initCallback_3,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});

	jQuery("#mycarousel-4").jcarousel({
		scroll: 1,
		initCallback: mycarousel_initCallback_4,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
});

function onAfter(curr, next, opts) {
    var index = $(this).parent().children().index(this);
    $('#num_actual').html(index + 1);
}


function mycarousel_initCallback(carousel) {
	jQuery('.jcarousel-control a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		return false;
	});

	jQuery('#mycarousel-next').bind('click', function() {
		carousel.next();
		return false;
	});
	jQuery('#mycarousel-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};

function mycarousel_initCallback_2(carousel) {
	jQuery('.jcarousel-control a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		return false;
	});

	jQuery('#mycarousel-next-2').bind('click', function() {
		carousel.next();
		return false;
	});
	jQuery('#mycarousel-prev-2').bind('click', function() {
		carousel.prev();
		return false;
	});
};

function mycarousel_initCallback_3(carousel) {
	jQuery('.jcarousel-control a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		return false;
	});

	jQuery('#mycarousel-next-3').bind('click', function() {
		carousel.next();
		return false;
	});
	jQuery('#mycarousel-prev-3').bind('click', function() {
		carousel.prev();
		return false;
	});
};

function mycarousel_initCallback_4(carousel) {
	jQuery('.jcarousel-control a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		return false;
	});

	jQuery('#mycarousel-next-4').bind('click', function() {
		carousel.next();
		return false;
	});
	jQuery('#mycarousel-prev-4').bind('click', function() {
		carousel.prev();
		return false;
	});
};