var mycarousel_itemList = new Array;
var mycarousel_itemList2 = new Array;

function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
};
function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    var idx = carousel.index(i, mycarousel_itemList.length);
	jQuery('.jcarousel-control > a').each( function() {
		if (jQuery(this).hasClass("Active"))
			jQuery(this).removeClass("Active");
	});
    jQuery('.jcarousel-control > a').eq(idx-1).addClass("Active");
	
	carousel.add(i, mycarousel_itemList[idx - 1]);
};
function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};
function mycarousel_itemVisibleInCallback2(carousel, item, i, state, evt)
{
    var idx = carousel.index(i, mycarousel_itemList2.length);
	carousel.add(i, mycarousel_itemList2[idx - 1]);
};
function mycarousel_itemVisibleOutCallback2(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

jQuery(document).ready(function() {
	jQuery('#mycarousel > ul > li').each(function(index) {
		mycarousel_itemList[index] = jQuery(this).html();
		jQuery(this).remove();
	});
	jQuery('#mycarousel2 > li').each(function(index) {
		mycarousel_itemList2[index] = jQuery(this).html();
		jQuery(this).remove();
	});
    jQuery("#mycarousel").jcarousel({
		scroll: 1,
		animation : "slow",
		auto: 4,
		wrap: 'last',
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
		initCallback: mycarousel_initCallback
    });
	jQuery('#mycarousel2').jcarousel({
        vertical: true,
        scroll: 1,
		animation : "slow",
		auto: 3,
		wrap: 'last',
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback2},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback2}
    });
	$('.Menu > ul').droppy({speed: 150});
});