// START - jQuery Carousel Implementation code
function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
	// The index() method calculates the index from a
	// given index who is out of the actual item range.
	var idx = carousel.index(i, mycarousel_itemList.length);
	carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
}
function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){
	carousel.remove(i);
}
function mycarousel_getItemHTML(item){
	return '<img class="engPhoto" onclick="navigate(\'aboutus.aspx?sect=expertise&emp=' + item.idtag + '\')" src="' + item.image + '" width="216" height="234" onmouseover="UserInfoBoxShow(\'' + item.idtag + '\')" onmouseout="UserInfoBoxHide()" />';
}
function UserInfoBoxShow(name){
	if ($('#userinfo').css('display') == 'none')
	{
		$().mousemove(function(e) {
			$('#userinfo').css('left',e.pageX + 15);
			$('#userinfo').css('top',e.pageY);
		});
		for (var i = 0; i < mycarousel_itemList.length; i++){
			if (mycarousel_itemList[i].idtag == name)
				$('#userinfo').html(mycarousel_itemList[i].info);
		}
		$('#userinfo').show();
	}
}
function UserInfoBoxHide() {
	if ($('#userinfo').css('display') == 'block'){
		$('#userinfo').html('');
		$('#userinfo').hide();
	}
}

jQuery(document).ready(function(){
	jQuery('#mycarousel').jcarousel({
		vertical: true,
		scroll: 1,
		wrap: 'circular',
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	});
});
// END - jQuery Carousel Code