// JavaScript Document

var mycarousel_itemList = [
        { url: "photo_18.jpg", title: "Hypnotix afrodisíaco", thumbUrl: "#", description: "Hypnotix afrodisíaco", price:"PVP: 50,00 €" },
    { url: "photo_19.jpg", title: "Cgest Builder", thumbUrl: "#", description: "Cgest Builder", price:"PVP: Consultar" },
    { url: "photo_20.jpg", title: "Objectivas Reflex Canon", thumbUrl: "#", description: "Objectivas Reflex Canon", price:"PVP: 483 €" },
    { url: "photo_18.jpg", title: "Hypnotix afrodisíaco", thumbUrl: "#", description: "Hypnotix afrodisíaco", price:"PVP: 50,00 €" },
    { url: "photo_20.jpg", title: "Objectivas Reflex Canon", thumbUrl: "#", description: "Objectivas Reflex Canon", price:"PVP: 483 €" },
    { url: "photo_19.jpg", title: "Cgest Builder", thumbUrl: "#", description: "Cgest Builder ", price:"PVP: Consultar" }
];

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

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
	return '<a href="' + item.thumbUrl + '"><img src="images/' + item.url + '" width="76" height="76" alt="' + item.title + '" /></a>';
    /*return '<img src="images/' + item.url + '" width="76" height="76" alt="' + item.url + '" />';*/
};

jQuery(document).ready(function() {
	var imgCount = 0;
    
	jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
	
		//jQuery('.carouselText').html(mycarousel_itemList[imgCount].description);
	var html2 = '<div class="blockColText">' + mycarousel_itemList[imgCount].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount].price + '</span> </div>';
	html2 += '<div class="blockColText">' + mycarousel_itemList[imgCount + 1].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount + 1].price +  '</span> </div>';
	html2 += '<div class="blockColText">' + mycarousel_itemList[imgCount + 2].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount + 2].price + '</span> </div>';
	html2 += '<div class="clear"></div>';
	
	jQuery('.carouselText').html(html2);
	
	
	
	jQuery('.jcarousel-next').click(function(){
		imgCount += 3;
		if(imgCount >= mycarousel_itemList.length){imgCount = mycarousel_itemList.length - 1;}
		//alert(imgCount);
		//jQuery('.carouselText').html(mycarousel_itemList[imgCount].description);
		var html2 = '<div class="blockColText">' + mycarousel_itemList[imgCount].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount].price + '</span> </div>';
		html2 += '<div class="blockColText">' + mycarousel_itemList[imgCount + 1].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount + 1].price + '</span> </div>';
		html2 += '<div class="blockColText">' + mycarousel_itemList[imgCount + 2].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount + 2].price + '</span> </div>';
		html2 += '<div class="clear"></div>';
		
		jQuery('.carouselText').html(html2);
	});
	
	jQuery('.jcarousel-prev').click(function(){
		imgCount -= 3;
		if(imgCount < 0){imgCount = 0;}
		var html2 = '<div class="blockColText">' + mycarousel_itemList[imgCount].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount].price + '</span> </div>';
		html2 += '<div class="blockColText">' + mycarousel_itemList[imgCount + 1].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount + 1].price + '</span> </div>';
		html2 += '<div class="blockColText">' + mycarousel_itemList[imgCount + 2].description + '<br/>' + '<span>' + mycarousel_itemList[imgCount + 2].price + '</span> </div>';
		html2 += '<div class="clear"></div>';
		
		jQuery('.carouselText').html(html2);
		//jQuery('.carouselText').html(mycarousel_itemList[imgCount].description);
		
	});
	
});


/*focus e blur para os inputs*/


function myFocus(element) {
 if (element.value == element.defaultValue) {
   element.value = '';
 }
}
function myBlur(element) {
 if (element.value == '') {
   element.value = element.defaultValue;
 }
}

/*Chamada das tabs*/

// initialise plugins
	
/*faz correr a função das tabs*/
$(function() {
	$('#container-1 > ul').tabs();
});
$(function() {
	$('#container-2 > ul').tabs();
});

function MM_goToURL() { //v3.0
     var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
    for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}