var mycarousel_itemList = [
	{url: 'destaques/destaque1.jpg', title: 'Hospedagem Windows - a partir de R$20,00', assineja: 'cadastro_check.php?serv=3&plano=7', leiamais: 'hospedagem_win.php', map_name: 'mapa1'},
	{url: 'destaques/destaque2.jpg', title: 'Hospedagem Linux - a partir de R$10,00', assineja: 'cadastro_check.php?serv=2&plano=1', leiamais: 'hospedagem_lnx.php', map_name: 'mapa2'},
	{url: 'destaques/destaque3.jpg', title: 'Email Marketing - a partir de R$20,00', assineja: 'cadastro_check.php?serv=15&plano=43', leiamais: 'emailmkt.php', map_name: 'mapa3'},
	{url: 'destaques/destaque4.jpg', title: 'Servidor Dedicado', assineja: 'dedicado.php', leiamais: 'dedicado.php', map_name: 'mapa4'},

{url: 'destaques/destaque5.jpg', title: 'Cloud Computing - a partir de R$200,00', assineja: 'cloud.php', leiamais: 'cloud.php', map_name: 'mapa5'},
{url: 'destaques/destaque6.jpg', title: 'Streaming Audio - a partir de R$40,00', assineja: 'cadastro_check.php?serv=21&plano=61', leiamais: 'streaming_audio.php', map_name: 'mapa6'},
{url: 'destaques/destaque8.jpg', title: 'Comércio Eletrônico - a partir de R$50,00', assineja: 'ecommerce.php', leiamais: 'ecommerce.php', map_name: 'mapa7'},
{url: 'destaques/destaque9.jpg', title: 'Certificado SSL - a partir de R$110,00', assineja: 'cadastro_check.php?serv=18&plano=78', leiamais: 'ssl.php', map_name: 'mapa8'},
{url: 'destaques/destaque10.jpg', title: 'SMS Marketing - a partir de R$50,00', assineja: 'cadastro_check.php?serv=16&plano=50', leiamais: 'smsmkt.php', map_name: 'mapa9'},
{url: 'destaques/destaque11.jpg', title: 'Servidor VPS - a partir de R$80,00', assineja: 'vps1.php?serv=&proc=18', leiamais: 'vps.php', map_name: 'mapa10'}
];

function mycarousel_initCallback(carousel)
{
	// Disable autoscrolling if the user clicks the prev or next button.
	carousel.buttonNext.bind('click', function() {
		carousel.startAuto(0);
	});

	carousel.buttonPrev.bind('click', function() {
		carousel.startAuto(0);
	});

	// Para o scroll caso o mouse esteja sobre.
	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
};

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);
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
	var retorno;
	var map;
	
	map  = '<map name="' + item.map_name + '">';
	map += '<area shape="rect" coords="12, 94, 69, 111" href="' + item.assineja + '" alt="Assine J&acute;" />';
	map += '<area shape="rect" coords="12, 121, 69, 136" href="' + item.leiamais + '" alt="Leia Mais" />';
	map += '</map>';
	
	retorno = map;
	retorno += '<img src="' + item.url + '" width="183px" height="167px" alt="' + item.title + '" usemap="#' + item.map_name + '" />';
	
	return retorno;
};

jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
		wrap: 'circular',
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
		buttonNextHTML: '<img src="img/seta_direita.png" alt="Pr&oacute;ximo" />',
		buttonPrevHTML: '<img src="img/seta_esquerda.png" alt="Anterior" />',
		scroll: 1,
		auto: 0,
		animation: 2000,
		initCallback: mycarousel_initCallback
	});
});