/* 02/11/09 en ie dóna un error, l'ul s'afegeix a l'html de comunitat
$(document).ready(function() {
	$("#mycarousel").wrapInner("<ul></ul>");
});*/

function mycarousel_initCallback(carousel) {
    jQuery('div.pager ul.pagination a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('.next a').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('.previous a').bind('click', function() {
        carousel.prev();
        return false;
    });
};

//var enll = "?keepThis=true&amp;TB_iframe=true&amp;height=500&amp;width=615";
var enll = "";
var mycarousel_itemList = [
    {url: urlBase + "/media/img/tira-comica-01.jpg"+enll, title: "Tira cómica 1", id: "c1"},
    {url: urlBase + "/media/img/tira-comica-02.jpg"+enll, title: "Tira cómica 2", id: "c2"},
    {url: urlBase + "/media/img/tira-comica-03.jpg"+enll, title: "Tira cómica 3", id: "c3"},
    {url: urlBase + "/media/img/tira-comica-04.jpg"+enll, title: "Tira cómica 4", id: "c4"},
    {url: urlBase + "/media/img/tira-comica-05.jpg"+enll, title: "Tira cómica 5", id: "c5"},
    {url: urlBase + "/media/img/tira-comica-06.jpg"+enll, title: "Tira cómica 6", id: "c6"},
    {url: urlBase + "/media/img/tira-comica-07.jpg"+enll, title: "Tira cómica 7", id: "c7"},
    {url: urlBase + "/media/img/tira-comica-08.jpg"+enll, title: "Tira cómica 8", id: "c8"},
    {url: urlBase + "/media/img/tira-comica-09.jpg"+enll, title: "Tira cómica 9", id: "c9"}
];

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

        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);


        // Apply thickbox
        //tb_init(item);

        carousel.add(i, item);
    }
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    //var url_m = item.url; //imatges grans, falta link
    var url_m = urlBase + "/comunidad/tira-comica.html?id="+item.id;
    return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="615" height="240" border="0" alt="' + item.title + '" /></a>';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    	scroll: 1,
    	auto:6,
    	size:9,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
        wrap: 'both',
        // Uncomment the following option if you want items
        // which are outside the visible range to be removed
        // from the DOM.
        // Useful for carousels with MANY items.		
        // itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}        
    });
    //marcar primer botó
    $('div.pager ul.pagination li#c1').addClass("current");
    
    //facebox
    $(".contimage").hover(function() {
		$(this).animate({
			opacity:1
		},200);
		}, function() {
		$(this).animate({
			opacity:0.8
		},200);
		});
		$('#submitform').ajaxForm({
			target: '#error',
			success: function() {
			$('#error').fadeIn('slow');
			}
		});
		
		$('a[rel*=facebox]').facebox({
			loadingImage : urlBase + '/media/js/facebox/loading.gif',
			closeImage   : urlBase + '/media/js/facebox/closelabel.gif'
		})
});