var anima = 0
YAHOO.example.init = function() {
	var scrollWidth = (YAHOO.util.Dom.get('skrollerNav').getElementsByTagName("li").length * 69)+10;
	YAHOO.util.Dom.get('skrollerNav').style.width=scrollWidth + "px";

   var attributes1 = {
      scroll: { to: [scrollWidth -690, YAHOO.util.Dom.get('skrollerNav').scrollTop] }
   };
   var attributes2 = {
      scroll: { to: [0, YAHOO.util.Dom.get('skrollerNav').scrollTop] }
   };
   var attributes3 = {
      scroll: { by:[0,0]}
   };
   var attributes4 = {
      scroll: { to: [scrollWidth -690, YAHOO.util.Dom.get('skrollerNav').scrollTop],  totalFrames : 1}
   };

   var anim1 = new YAHOO.util.Scroll('skrollerWrap', attributes1, 1, YAHOO.util.Easing.easeOut);
   var anim2 = new YAHOO.util.Scroll('skrollerWrap', attributes2, 1, YAHOO.util.Easing.easeOut);
   var anim3 = new YAHOO.util.Scroll('skrollerWrap', attributes3, 1, YAHOO.util.Easing.easeOut);
   var anim4 = new YAHOO.util.Scroll('skrollerWrap', attributes4, 0, YAHOO.util.Easing.easeNone, false, false, false, 0, 0);
   YAHOO.util.Event.on('skrollRight', 'mouseover', anim1.animate, anim1, true);
   YAHOO.util.Event.on('skrollLeft', 'mouseover', anim2.animate, anim2, true);
   YAHOO.util.Event.on('skrollRight', 'mouseout', anim3.animate, anim3, true);
   YAHOO.util.Event.on('skrollLeft', 'mouseout', anim3.animate, anim3, true);
   if (anima == 1) {
	   document.getElementById("skrollerWrap").scrollLeft = scrollWidth -690
   }
};

YAHOO.util.Event.onAvailable('skrollerNav', YAHOO.example.init);