$(document).ready(function() {
	//http://sorgalla.com/projects/jcarousel/
	jQuery('#jobsCarousel').jcarousel({
		vertical: true,
		auto: 2,
        scroll: 1,
        visible: 5,
        animation: 'fast',
        wrap: 'circular',
        initCallback: mcInitCallback,
        itemVisibleInCallback: {onBeforeAnimation: jobsItemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mcItemVisibleOutCallback}
    });
	jQuery('#newsCarousel').jcarousel({
		vertical: true,
		auto: 2,
        scroll: 1,
        visible: 5,
        animation: 'fast',
        wrap: 'circular',
        initCallback: mcInitCallback,
        itemVisibleInCallback: {onBeforeAnimation: newsItemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mcItemVisibleOutCallback}
    });
    jQuery('#estatesCarousel').jcarousel({
		vertical: true,
		auto: 2,
        scroll: 1,
        visible: 5,
        animation: 'fast',
        wrap: 'circular',
        initCallback: mcInitCallback,
        itemVisibleInCallback: {onBeforeAnimation: estatesItemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mcItemVisibleOutCallback}
    });
});

function mcInitCallback(carousel) {
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

function mcItemVisibleOutCallback(carousel, item, i, state, evt) {
    carousel.remove(i);
};

function getCaroulseItem(carousel, nameID, refID, i) {
	var idx = carousel.index(i, 10);
	var html = '';
    html += '<a href="';
    html += $('#' + refID + idx).html();
    html += '"';
    
    if(idx%2 == 0) {
    	html += ' class="colorBG"';
    }
    
    html += '>';
    html += $('#' + nameID + idx).html();
    html += '</a>';
    carousel.add(i, html);
}

function newsItemVisibleInCallback(carousel, item, i, state, evt) {
    getCaroulseItem(carousel, 'nt', 'nl', i);
};
function estatesItemVisibleInCallback(carousel, item, i, state, evt) {
	getCaroulseItem(carousel, 'et', 'el', i);
};
function jobsItemVisibleInCallback(carousel, item, i, state, evt) {
	getCaroulseItem(carousel, 'jt', 'jl', i);
};