var mycarousel_itemList = new Array();
   var mycarousel_itemList2 = new Array();
   function mycarousel_itemLoadCallback(carousel, state)
   {
	   
       for (var i = carousel.first; i <= carousel.last; i++) {
           if (carousel.has(i)) {
               continue;
           }

           if (i > mycarousel_itemList.length) {
               break;
           }

         //  if (i == carousel.first)
        //	   carousel.add(i, "<ul>"+mycarousel_getItemHTML(mycarousel_itemList[i-1]));
        //   else if(i == carousel.last)
       // 	   carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1])+"</ul>");
       //    else
        	   carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
       }
   };

   function mycarousel_getItemHTML(item)
   {
       return '<li><img src="' + item.url + '" width="490" height="242" alt="' + item.url + '" /></li>';
   };

   function mycarousel2_itemLoadCallback(carousel, state)
   {

       for (var i = carousel.first; i <= carousel.last; i++) {
           if (carousel.has(i)) {
               continue;
           }

           if (i > mycarousel_itemList2.length) {
               break;
           }

       	   carousel.add(i, mycarousel2_getItemHTML(mycarousel_itemList2[i-1]));

       }

   };
   function mycarousel2_getItemHTML(item)
   {
       return '<li><img src="' + item.url + '" width="490" height="242" alt="' + item.url + '" /></li>';
   };

function mycarousel_initCallback(carousel)
{
   jQuery('.jcarousel-control a').bind('click', function() {
   	var pageNum = $(this).attr('href');

        carousel.scroll(jQuery.jcarousel.intval(pageNum.substring(1)));
        //carousel.scroll(jQuery.jcarousel.intval(jQuery(this).url()));
    	//var index = jQuery('#jcarousel-control div').index(this);
		document.getElementById('Headline').innerHTML = HeadArray [pageNum.substring(1)-1];

		document.getElementById('headlineLink').href = LinkArray [id];

        return false;
    });




   /* // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });*/
};
function mycarousel2_initCallback(carousel)
{
   jQuery('.jcarousel-control a').bind('click', function() {
   	var pageNum = $(this).attr('href');

        carousel.scroll(jQuery.jcarousel.intval(pageNum.substring(1)));
        //carousel.scroll(jQuery.jcarousel.intval(jQuery(this).url()));
    	//var index = jQuery('#jcarousel-control div').index(this);

		document.getElementById('Headline2').innerHTML = HeadArray2 [pageNum.substring(1)-1];

		document.getElementById('headlineLink2').href = LinkArray2 [id];

        return false;
    });




   /* // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });*/
};
function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
    // No animation on first load of the carousel
    if (state == 'init')
        return;

    jQuery('img', item).fadeIn('slow');
};

function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
//    display('Item #' + idx + ' is now visible');
	document.getElementById('Headline').innerHTML = HeadArray [idx-1];

	document.getElementById('headlineLink').href = LinkArray [idx-1];

};

function mycarousel2_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
    // No animation on first load of the carousel
    if (state == 'init')
        return;

    jQuery('img', item).fadeIn('slow');
};

function mycarousel2_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
//    display('Item #' + idx + ' is now visible');
	document.getElementById('Headline2').innerHTML = HeadArray2 [idx-1];

	document.getElementById('headlineLink2').href = LinkArray2 [idx-1];

};

function display(s)
{

	document.getElementById('Headline').innerHTML = HeadArray [pageNum.substring(1)-1];

	document.getElementById('headlineLink').href = LinkArray [id];
}
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 4,
        wrap: 'last',
        //buttonNextCallback:{},
        scroll: 1,
        size: mycarousel_itemList.length,
        //itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback},
        buttonNextHTML: null,
        itemVisibleInCallback: {
            onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation,
            onAfterAnimation:  mycarousel_itemVisibleInCallbackAfterAnimation
        },
        
        initCallback: mycarousel_initCallback
    });
    jQuery('#mycarousel2').jcarousel({
        auto: 4,
        wrap: 'last',
        //buttonNextCallback:{},
        size: mycarousel_itemList2.length,
        scroll: 1,
        buttonNextHTML: null,
        itemVisibleInCallback: {
            onBeforeAnimation: mycarousel2_itemVisibleInCallbackBeforeAnimation,
            onAfterAnimation:  mycarousel2_itemVisibleInCallbackAfterAnimation
        },
        //itemLoadCallback: {onBeforeAnimation: mycarousel2_itemLoadCallback},
        initCallback: mycarousel2_initCallback
    });

});