window.onload = function(){
	 $.ajax({
    type: "GET",
    url: "data/shows.xml",
	contentType:"application/xml;charset=utf-8",
    dataType: "xml",
    success: function(data){mycarousel_itemAddCallback(data);}
  });
  news_init();
		
}
function mycarousel_itemAddCallback(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("time").text();
	pItems[2] = $(this).find("channel").text();
	pItems[3] = $(this).find("desc").text();
	items.push(pItems);

  });

    for (i = 0; i < items.length; i++) {
		$("#WTID").append(mycarousel_getItemHTML(items[i]));
    }
    
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{

   var str =  '<div class="whatsOnTd"><table width="100%" border="0" cellspacing="0" cellpadding="0">'+
              '<tr><td width="54" height="69" align="center" valign="middle" style="padding-top:7px;"><span class="whatsOnTime1">'+ item[1] +'</span><br />'+
              '<span class="whatsOnTime2">&nbsp;&nbsp;hrs</span></td>'+
              '<td align="left" valign="middle" style="padding-left:10px;"><span class="whatsOnHeading">'+ item[0] +'</span><br />'+
              '<span class="whatsOnText">'+item[3] +'</span></td></tr></table></div>'
    return str;
};
function news_init()
{
	 $.ajax({
    type: "GET",
    url: "data/news.xml",
	contentType:"application/xml;charset=utf-8",
    dataType: "xml",
    success: function(data){news_itemAddCallback(data);}
  });
		
}
function news_itemAddCallback(data)
{
 // Simply add all items at once and set the size accordingly.	
  $(data).find("news").each(function()  {

	  $("#newsdiv").append('<div class="letestNewsTd"><a href="latest-news.html?id='+ $(this).attr("id") +'">'+  $(this).find("headline").text()+' </a></div>');
  });
    
};

