/**
 * This is the callback function which receives notification
 * when an item becomes the first one in the visible range.
 */
function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
	var thumbnail_src = $( "#"+item.id+" div img").attr('src');
        var banner_src = $( "#"+item.id+" .banner").attr('value');
        //alert(item.id);
		var display_url = $( "#"+item.id+" .display_url").attr('value');
		//alert(display_url);
	//alert(a);
	jQuery('#display').fadeOut('slow', function() {
		thumbnail_src = thumbnail_src.split('.');
		thumbnail_src = thumbnail_src[0]+'_b.'+thumbnail_src[1];
		jQuery('#display_lnk').attr('href', display_url);
		jQuery('#display').attr('src', banner_src);
		jQuery('#display').fadeIn('slow');
	});
}

function mycarousel_initCallback(carousel)
{

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
}

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        scroll: 1,
		auto:10,
		buttonNextHTML:null,
		buttonPrevHTML:null,
		wrap: 'circular',
		initCallback: mycarousel_initCallback,
		itemFirstInCallback:  mycarousel_itemFirstInCallback
    });
	jQuery('#mycarousel li').hover(
		function () {
			$(this).addClass('hover');
		},
		function () {
			$(this).removeClass('hover');
		}
	);

	jQuery('#mycarousel li').click(function () {

                var item_id = $(this).attr('id');
                var banner_src = $( "#"+item_id+" .banner").attr('value');
				var display_url = $( "#"+item_id+" .display_url").attr('value');
$(location).attr('href',display_url);
//alert(display_url);
		/*jQuery('#display').fadeOut('slow', function() {
                
               
			jQuery('#display_lnk').attr('href', display_url);
			jQuery('#display').attr('src', banner_src);
			jQuery('#display').fadeIn('slow');
		});*/
                }

	);

            jQuery('#hotcarousel').jcarousel({
        vertical: true,
        scroll: 1,
		auto:10,
		buttonNextHTML:null,
		buttonPrevHTML:null,
		wrap: 'circular'
    });

});