function videocarousel_itemLoadCallback(carousel, state)
{
// Since we get all URLs in one file, we simply add all items
// at once and set the size accordingly.
if (state != 'init')
return;
$.ajax({
type: "GET",
url: "data/videos.xml",
contentType:"application/xml;charset=utf-8",
dataType: "xml",
success: function(data){videocarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);}
});
//jQuery.get('dynamic_ajax.txt', function(data) {
// videocarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
//});
};
function videocarousel_itemAddCallback(carousel, first, last, data)
{
// Simply add all items at once and set the size accordingly.
//var items = data.split('|');
var items = new Array();
$(data).find("show").each(function()
{
var pItems = new Array();
pItems[0] = $(this).find("name").text();
pItems[1] = $(this).find("image").text();
pItems[2] = $(this).find("videoid").text();
pItems[3] = $(this).find("desc").text();
items.push(pItems);
});
for (i = 0; i < items.length; i++) {
carousel.add(i+1, videocarousel_getItemHTML(items[i]));
}
carousel.size(items.length);
};
/**
* Item html creation helper.
*/
function videocarousel_getItemHTML(item)
{
var str = '
' +
'
'+
'
' + item[0] + ' '+
item[3] +'
';
return str;
};
jQuery(document).ready(function() {
jQuery('#videocarousel').jcarousel({
visible: 3,scroll:3,
itemLoadCallback: videocarousel_itemLoadCallback
});
$("#youVideo").append(getItemHTML('VAGX99Mr_I8'));
});
function getItemHTML(id)
{
var str = '';
return str;
};
function ChangeVideo(id)
{
var divID = document.getElementById("youVideo");
divID.innerHTML = getItemHTML(id);
}