jQuery.noConflict();

jQuery(document).ready(function(){
  jQuery("#markenleiste").prepend("<li class='backLava'></li>");
  // zweites element des arrys weil erstes backLava ist 
  var first_real_li = jQuery("#markenleiste li").first();
  var li_width = jQuery(first_real_li).width();
  var endmarke = jQuery("#markenleiste").width()-li_width;
  jQuery(".backLava").first().delay(1000).css({
      // auf rechte seite unsichtbar setzen 
      left: endmarke,
      top:'0',
      width: li_width,
      height:"100%",
      display: 'block',
      opacity: 0.0,
      position: 'absolute'/* ,
      "-ms-filter": "alpha(opacity=0)" */

  }).animate({
      background: 'white',
      opacity: 0.5/* ,
      "-ms-filter": "alpha(opacity=50)"*/
  },1000).animate({ 
      left: '0',
      width: li_width,
      opacity: 0.5/* ,
      "-ms-filter": "alpha(opacity=50)"*/
  },4500).animate({
      left: endmarke,
      opacity: 0.0/* ,
      "-ms-filter": "alpha(opacity=0)"*/
  },4500);  
 jQuery(".backLava").first().css({ 
    opacity: 0.5/* , 
    "-ms-filter": 'alpha(opacity=50)'*/
   });
});