var $j = jQuery.noConflict();
     
// Use jQuery via $j(...)


  var slider =  null;
  var controls = null;
  var current = null;
  var currentPosition = -1;
  var timeout = null;
  
  var prepare = function() {
    $j("#hero").wrap("<div id='sliderCrop'></div>");
    // Set up the slider
    slider = $j("#hero li");
    $j("#hero ul").css({width: (slider.length * 940) + "px"});
    // Insert the paging controls
    controlCode = '<ul id="sliderControls">';
    tooltipCode = '';
    for (var x = 0; x < slider.length; x++) {
      controlCode += '<li class="nav"><a class="control'+x+'" href="#'+x+'">'+(x+1)+'</a></li>';
    }
    controlCode += "</ul>";
    controlCode += tooltipCode;
    controls = $j(controlCode);
    $j("#sliderCrop").append(controls);
    controls.click(click);
   
      
    };
  
  var goToCurrent = function(goTo) {
    animating = true;
    $j("#sliderControls a").removeClass('current');
    
    if (goTo != undefined) {
      currentPosition = parseInt(goTo);
    } else if (currentPosition == (slider.length - 1)) {
      currentPosition = 0;
    } 
    else {
      currentPosition += 1;
    }
    
    timeout = window.setTimeout("goToCurrent()", 7000);
    $j("#hero ul").animate({left: (currentPosition * (-940))+"px"}, 1000, 'easeInOutExpo', animationComplete );
  };
  
  var animationComplete = function() {
    animating = false;
    $j(".control"+currentPosition).addClass('current');
  };
  
  var click = function(e) {
    if (!animating) {
    
      var target = e.target;
      target = target.href.match(/\#(\S+)$/)[1];
      window.clearTimeout(timeout);
      goToCurrent(target);
    }
    return false;
  };
  
  // Fire it all off
  $j(document).ready(prepare);
  $j(window).load(function() {
    goToCurrent();
  });
  
  $j(function(){
	$j('div#hero').heroSlide();
});