$(document).ready(function() {
	$('#carrusel').html('<ul id="mycarousel" class="jcarousel-skin-tango"></ul>');
	
	if ($('#inicio').is(':visible')) {
		$('#mycarousel').jcarousel({
			visible: 5,
			scroll: 5,
			wrap: 'circular',
			itemVisibleInCallback: {
				onBeforeAnimation: itemVisibleInCallback
			},
			itemVisibleOutCallback: {
				onAfterAnimation: itemVisibleOutCallback
			},
			initCallback: tooltip,
			itemLoadCallback: tooltip
		});
	}
	
});

var servicios = [
    {
		url:'/windows_mobile/img/carrusel/img_msn.png',
		title:'Msn',
		tooltip:'Mensajería instantánea estés donde estés.'
	},
    {
		url:'/windows_mobile/img/carrusel/img_correo.png',
		title:'Correo',
		tooltip:'Administra tu correo electrónico igual que en tu equipo'
	},
    {
		url:'/windows_mobile/img/carrusel/img_facebook.png',
		title:'Facebook',
		tooltip:'Haz amigos con Facebook.'
	},
    {
		url:'/windows_mobile/img/carrusel/img_twitter.png',
		title:'Twitter',
		tooltip:'Saluda y deja un mensaje a tus seguidores.'
	},
	{
		url:'/windows_mobile/img/carrusel/img_office.png',
		title:'Office Mobile',
		tooltip:'Domina tu oficina móvil con Office Mobile.'
	},
	{
		url:'/windows_mobile/img/carrusel/img_pandora.png',
		title:'Pandora',
		tooltip:'Elige tu lista de reproducción con Pandora.'
	},
	{
		url:'/windows_mobile/img/carrusel/img_windows_live.png',
		title:'Windows Live',
		tooltip:'Júntalo todo con Windows Live.'
	},
	{
		url:'/windows_mobile/img/carrusel/img_fono_brille.png',
		title:'Papeles Tapiz',
		tooltip:'Haz que tu teléfono brille como quieras.'
	},
	{
		url:'/windows_mobile/img/carrusel/img_dispara_graba.png',
		title:'Dispara Graba',
		tooltip:'Dispara, graba y comparte tu visión.'
	},
	{
		url:'/windows_mobile/img/carrusel/img_bing_mobile.png',
		title:'Bing for mobile',
		tooltip:'Encuéntralo rápido: Bing for mobile.'
	},
	{
		url:'/windows_mobile/img/carrusel/img_windows_marketplace.png',
		title:'Windows Marketplace',
		tooltip:'Consigue aplicaciones con Windows Marketplace para móviles.'
	}
];

function itemVisibleInCallback(carousel, item, i, state, evt){
    var id = carousel.index(i, servicios.length);
    carousel.add(i, getItemHTML(servicios[id - 1]));
};

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

function getItemHTML(item){
    return '<img src="' + item.url + '" alt="' + item.title + '" title="' + item.title + '" /><span class="itemTexto">' + item.title + '</span>';
};

function tooltip(){
	$('li.jcarousel-item').each(function(){
		var titulo = $(this).find('img:first').attr('title');
		$(this).hover(function(){
			var contenidoTooltip = obtenerTooltip(titulo);
			mostrarTooltip(contenidoTooltip, $(this));
		}, function(){
			removerTooltip();
		});
	});
}

function obtenerTooltip(title){
	for (i = 0; i < servicios.length; i++){
		if (servicios[i].title == title){
			return servicios[i].tooltip;
		}
	}
}

function mostrarTooltip(contenido,posicion){
	var tooltip = '<div id="tooltip"><div class="tooltipTop"></div><div class="tooltipCuerpo">' + contenido + '</div><div class="tooltipBottom"></div></div>';
	posicion.append(tooltip);
	$('#tooltip').fadeIn(200);
	
	return false;
}

function removerTooltip(){
	$('#tooltip').fadeOut(200);
	$('#tooltip').remove();
	
	return false;
}