function mycarousel_itemLoadCallback(carousel, state)
{
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }

    jQuery.get(
        'ajax.php',
        {
            first: carousel.first,
            last: carousel.last
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemAddCallback(carousel, first, last, xml)
{
    carousel.size(parseInt(jQuery('total', xml).text()));
    jQuery('image', xml).each(function(i) {
        //carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text(), jQuery('txt', xml).text()));
		var info = jQuery(this).text().split("~");
		carousel.add(first + i, mycarousel_getItemHTML(info[0], info[1], info[2], info[3], info[4]));
    });
};

function mycarousel_getItemHTML(url, title, tx, lnk, promo)
{
	if( promo == "" ){
		return '<div><table width="278" height="180" cellpadding="0" cellspacing="0"><tr><td align="center" valign="bottom" height="10"><img src="english/imgs/tab1_top.png" border="0"></td></tr><tr><td align="left" valign="top" class="tab1_bg"><h1>' + title.replace(/\*/g, "&") + '</h1><p><img src="' + url + '" width="90" height="90" title="' + title.replace(/\*/g, "&") + '" class="pic2"/>' + tx.replace(/\*/g, "&") + '<br><a href="' + lnk + '" class="btn_more">m&aacute;s &raquo;</a></p></td></tr><tr><td align="center" valign="top" height="10"><img src="english/imgs/tab1_bottom.png" border="0"></td></tr></table></div>';
	} else{
		return '<div><div class="wrap1"><a href="contacto-agencia-internet-ecuador.php"><img src="'+ promo +'" border="0" class="promo"></a><table width="278" height="180" cellpadding="0" cellspacing="0" style="z-index:1; position:relative; top:0px; left:0px;"><tr><td align="center" valign="bottom" height="10"><img src="english/imgs/tab1_top.png" border="0"></td></tr><tr><td align="left" valign="top" class="tab1_bg"><h1>' + title.replace(/\*/g, "&") + '</h1><p><img src="' + url + '" width="90" height="90" title="' + title.replace(/\*/g, "&") + '" class="pic2"/>' + tx.replace(/\*/g, "&") + '<br><a href="' + lnk + '" class="btn_more">m&aacute;s &raquo;</a></p></td></tr><tr><td align="center" valign="top" height="10"><img src="english/imgs/tab1_bottom.png" border="0"></td></tr></table></div></div>';
	}
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        itemLoadCallback: mycarousel_itemLoadCallback
    });
});