var mycarousel;
var start_point = 3;

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
	var idx = carousel.index(i, mycarousel_itemList.length);
	carousel.add(i, mycarousel_getItemHTML(idx - 1, i));
};

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

function redraw_img(list_pos, carousel_pos) {
	var current_item = mycarousel_itemList[list_pos];
	jQuery('#mycarousel').find('img').each(function() {
		var jcarouselindex = this.getAttribute('jcarouselindex');
		var listindex = this.getAttribute('listindex');
		if(jcarouselindex == carousel_pos) {
			this.parentNode.innerHTML = mycarousel_getItemHTML_selected(listindex, jcarouselindex);
			//jQuery('#current_link').html("<a href='"+current_item.link+"'>"+current_item.text+"</a>");
			jQuery('#current_link').text(current_item.text);
		} else {
			this.parentNode.innerHTML = mycarousel_getItemHTML(listindex, jcarouselindex);
		}
	});
}

function set_img(list_pos, carousel_pos) {
	var first = carousel_pos - 3;
	mycarousel.scroll(first);
	redraw_img(list_pos, carousel_pos);
}

function active_img(list_pos, img_id) {
	var item = mycarousel_itemList[list_pos];
	document.location = item.link;
}
var current_image = 1;

function switch_img() {
	var IE='\v'=='v';
	var cnt = 0;
	jQuery('#mycarousel').find('img').each(function() {
		var jcarouselindex = this.getAttribute('jcarouselindex');
		var listindex = this.getAttribute('listindex');
		var current_item = mycarousel_itemList[listindex];
		//this.style.cursor = IE?'hand':'pointer';
		//jQuery('#'+this.id).click(
		//	function() {
		//		document.location = current_item.link;
		//	}
		//);
		if(++cnt == 3) {
			this.src = '/images/'+current_item.selected;
			jQuery('#current_link').text(current_item.text);
		} else {
			this.src = '/images/'+mycarousel_itemList[listindex].url;
			//jQuery('#'+this.id).unbind('click');
		}
	});
	mycarousel.scroll(--current_image);
}

function mycarousel_getItemHTML(list_pos, carousel_pos)
{
	var item = mycarousel_itemList[list_pos];
    return '<a href="'+item.link+'"><img listindex='+list_pos+' jcarouselindex="'+carousel_pos+'" id="img_'+list_pos+'" border="0" src="/images/' + item.url + '" width="140" height="140" alt="' + item.title + '"/></a>';
};

function mycarousel_initCallback(carousel) {
	mycarousel = carousel;
}
jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
		wrap: 'circular',
		scroll: 1,
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
		initCallback: mycarousel_initCallback
	});
	switch_img();
	setInterval(switch_img, 3000);
});