$j(function(){ slider.init(); });
var slider = {
  num:-1,
  cur:0,
  cr:[],
  al:null,
  at:10*620,
  ar:true,

  init:function(){
    if (!slider.data || !slider.data.length)
      return false;

    var d = slider.data;
    slider.num = d.length;
    var pos = Math.floor(Math.random()*1);//slider.num);
    for (var i=0;i<slider.num;i++) {
      $j('#'+d[i].id).css({left:((i-pos)*620)});
      $j('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">&nbsp;</a>');
    }

    $j('img, div#slide-controls', $j('div#slide-holder')).fadeIn();
    slider.text(d[pos]);
    slider.on(pos);
    slider.cur=pos;
    window.setTimeout('slider.auto();',slider.at);
  },

  auto:function(){
    if (!slider.ar)
      return false;

    var next = slider.cur+1;
    if (next>=slider.num)
      next = 0;
    slider.slide(next);
  },

  slide:function(pos){
    if(pos<0 || pos>=slider.num || pos==slider.cur)
      return;

    window.clearTimeout(slider.al);
    slider.al=window.setTimeout('slider.auto();',slider.at);

    var d=slider.data;
    for(var i=0;i<slider.num;i++) {
      if (pos == 0)
        $j('#'+d[i].id).stop().hide().css("left",(i-pos)*620).fadeIn('fast');
      else
        $j('#'+d[i].id).stop().animate({left:((i-pos)*620)},620,'swing');
    }

    slider.on(pos);
    slider.text(d[pos]);
    slider.cur=pos;
  },

  on:function(pos){
    $j('#slide-nav a').removeClass('on');
    $j('#slide-nav a#slide-link-'+pos).addClass('on');
  },

  text:function(di){
    $j('span.title').html('<a href="'+di.url+'">'+di.client+'</a>');
    $j('span.desc').text(di.desc);
  }
};