/////////////////////////////
var thumbPath = "/welcomePages/media/";
/////////////////////////////
$(document).ready(function(){
  
  InitCarouselMarkup($('#scroll ul li a').get(), $('#scroll ul li img').get());  
   
  InitCarousel();

});
/////////////////////////////
function InitCarouselMarkup(mediaListLinks, mediaListItems){
  
  var buffer = new Array();  
  buffer[buffer.length] = "<div id=\"mediacarousel\">"
    buffer[buffer.length] = "<div id=\"uwecarousel\">"
        buffer[buffer.length] = "<img class=\"prev button\" src=\"/welcomePages/media/film_arrow_left.gif\" /><img class=\"next button\" src=\"/welcomePages/media/film_arrow_right.gif\" />"        
        buffer[buffer.length] = "<div id=\"uwecarousel_inner\">"
          buffer[buffer.length] = "<ul>" 

  for ( var id in mediaListItems ){
    //only build an item if there is an id
    if(!mediaListItems[id].id == ""){    
      buffer[buffer.length] = "<li id=\""+ mediaListItems[id].id +"\"><a href=" + mediaListLinks[id].href + "><img src=\"" + thumbPath + mediaListItems[id].id +".jpg\" alt=\"" + mediaListItems[id].id + "\"><span class=\"mediatitle\">" + mediaListItems[id].title + "</span></a><br /><span class=\"mediainfo\">" + mediaListItems[id].alt + "</span></li>"
    }          
  } 
                
          buffer[buffer.length] = "</ul>"
        buffer[buffer.length] = "</div>" 
    buffer[buffer.length] = "</div>" 
  buffer[buffer.length] = "</div>"
  $('#scroll').replaceWith(buffer.join(""));
  
  playerClosed = true;   

}
/////////////////////////////
function InitCarousel(){
  $(function() {
    $("#uwecarousel_inner").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        visible: 2,
        scroll: 2,
        circular: false
    });
  });
}