jQuery.each(maindatamanager, function(i, val) {
    var listring = '<li id="'+val.id+'" rel = "'+val.rel+'" title="'+val.title+'" style="positon:relative; width:48px; height:47px; float:left; margin:0px 1px 0px 1px;"><img width="48px" height="47px" src="./images/load.gif" alt="" /></li>'+"\n";
    var hiddenring = '<img width="68px" height="68px" src="./images/load.gif" alt="'+val.alt+'" id="bigger_'+val.id+'"/>';
    $('#mycarousel').append(listring);
    $('#hiddenhandler').append(hiddenring);
});
bindEvents();