/***** BRANDS *****/
	function initBrands() {
			// seit 9.10.2010 ist BrandsNavi nicht mehr anklickbar und das <li><a..</li> wurede zu <li><span>...</li>, deshalb den inner Tag dynamisch gemacht.
			var liInnerEl = "span";
          if($("brands_ul")) {  
            // add tooltip
            var myTips = new Tips('.brandsImgTooltip');
/* --> bei IE Bug!             
            var tipEl = $(document.body).getElement("div.tip");
            var fadeTip = new Fx.Tween(tipEl, {duration: 100, link: "cancel", transition: Fx.Transitions.linear}); 
            myTips.addEvent('show', function(tip){
    			fadeTip.start("opacity",0.5);
			});
			myTips.addEvent('hide', function(tip){
    			fadeTip.start("opacity",0);
			});
*/
            
            var minItemsForScroll = 15;
            var count = $("brands_ul").getChildren("li"); 
            if(count.length >= minItemsForScroll) {
              /* right site */
              animateMarginRight = new Fx.Tween("brands_ul", {duration: 250, link: "chain", transition: Fx.Transitions.linear, onComplete: function() {
              		var help = $("brands_ul").getLast();
                	var tmp = help.clone();
                	var helpA = help.getElement(liInnerEl);
                	var aEv = helpA.clone().cloneEvents(helpA);
                	aEv.replaces(tmp.getElement(liInnerEl));                         
                $("brands_ul").getLast().dispose();
				$("brands_ul").setStyle("padding-left","0");                                
                tmp.inject($("brands_ul"),"top");                                                                                                             
                if(!stopAnis) {
                  animateBrands("right");
                }  
              }});                                   
              $("brands_left").addEvents({
                "mouseenter": function() {
                  stopAnis = 0;                
                  if($("brands_ul").getStyle("left").toInt()==0) {
                    /* clone last li and move it to first position */                              
              		var help = $("brands_ul").getLast();
                	var tmp = help.clone();
                	var helpA = help.getElement(liInnerEl);
                	var aEv = helpA.clone().cloneEvents(helpA);
                	aEv.replaces(tmp.getElement(liInnerEl));         
                	$("brands_ul").getLast().dispose();
                    $("brands_ul").setStyle("left", "-"+brandsItemWidth+"px"); 
                	tmp.inject($("brands_ul"),"top");                                    
                  }  
                  animateBrands("right");
                },
                "mouseleave": function() {
                  stopAnis = 1;
                }
              });
              /* left site */
              animateMarginLeft = new Fx.Tween("brands_ul", {duration: 250, link: "chain", transition: Fx.Transitions.linear, onComplete: function() {
              		var help = $("brands_ul").getFirst()
                	var tmp = help.clone();
                	var helpA = help.getElement(liInnerEl);
                	var aEv = helpA.clone().cloneEvents(helpA);
                	aEv.replaces(tmp.getElement(liInnerEl));   
                	tmp.inject($("brands_ul"),"bottom");              
                $("brands_ul").getFirst().dispose();                  
                $("brands_ul").setStyle("left","0");                                                            
                if(!stopAnis) {
                  animateBrands("left");
                }  
              }});                         
              /* set ul left negative */
              $("brands_right").addEvents({
                "mouseenter": function() {
                  stopAnis = 0;                
                  animateBrands("left");                  
                },
                "mouseleave": function() {
                  stopAnis = 1;
                }
              });          
            }
            else {
              $("brand_nav_navi").setStyle("display", "none");
            }
          }  
	}
	
        /* Call in loop with FX global war animate Margin.. */
        function animateBrands (direction) {
          if(direction=="right") {     
            animateMarginRight.start("padding-left", brandsItemWidth+"px");
          }
          else {
            animateMarginLeft.start("left", "-"+brandsItemWidth+"px");
          }
        }