﻿var mycarousel_itemList_2 = 
[	
	{url: 'assets/images/slider_TV.jpg', title: 'Windows Live Mail', testo: 'Mandare messaggi ai tuoi amici ora è più facile con il nuovo servizio email.', addressLink:'LaPostaSulTuoDesktop.aspx'},
	{url: 'assets/images/slider_radio.jpg', title: 'Calendario', testo: 'Il nuovo Calendario Windows Live ti programma e ti organizza gli impegni.', addressLink:'Calendario.aspx'},
	{url: 'assets/images/slider_WebMessengerHotmail.jpg', title: 'Messenger da Hotmail', testo: 'Accedi a "Messenger da Hotmail" dalla tua casella di posta. ', addressLink:'accediWebMessengerHotmail.aspx'},
	{url: 'assets/images/slider_personalizza.jpg', title: 'Personalizza Hotmail', testo: 'La tua casella di posta elettronica ora si colora come vuoi tu.', addressLink:'Temi.aspx'},
	{url: 'assets/images/slider_headerPack.jpg', title: 'La posta sul tuo telefonino', testo: 'Invia ai tuoi amici messaggi, immagini e file direttamente dal tuo cellulare.', addressLink:'Mobile.aspx'}
];
	
var randomNum=Math.floor(Math.random()*mycarousel_itemList_2.length);

//shuffle
var shuffled=[];
for(var i=0; i < mycarousel_itemList_2.length;i++)
{
	if(randomNum==mycarousel_itemList_2.length)
	{randomNum=0;}
	var myObj=shuffled.push(mycarousel_itemList_2[randomNum]);
	randomNum++;
}
mycarousel_itemList_2=shuffled;




function mycarousel_itemVisibleInCallback_2(carousel, item, i, state, evt)
{
	var idx = carousel.index(i, mycarousel_itemList_2.length);
	carousel.add(i, mycarousel_getItemHTML_2(mycarousel_itemList_2[idx - 1]));
};
function mycarousel_itemVisibleOutCallback_2(carousel, item, i, state, evt)
{
	carousel.remove(i);
};
function mycarousel_getItemHTML_2(item)
{
	return '<a href="' + item.addressLink + '"><img src="' + item.url + '" alt="' + item.title + '" /></a><div class="itemSparator"><img src="assets/images/slider_separator.jpg" alt="separatore" /></div><div class="titolo"><a href="' + item.addressLink + '" title="' + item.title + '">' + item.title + '</a></div><div class="testo"><p>' + item.testo + '</p></div><div class="itemLink"><a href="' + item.addressLink + '" title="' + item.title + '">Continua</a><a href="' + item.addressLink + '"><img src="common/images/ghost.gif" width="50" height="10" alt="' + item.title + '" /></a></div>';

}


jQuery(document).ready(function() 
{	
	jQuery('#second-carousel').jcarousel
	({
		scroll: 1,
		visible: 4,
		wrap: 'circular',
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback_2},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback_2}
	});	
});

