var j=jQuery.noConflict();

j(function(){
    j('#billboard2').removeClass('no-js');
    var plane = j('#billboard2-nav li.movable-type');
    var curr = j('#billboard2-nav li:first .billboard-img');
    var alt = j('#billboard2-nav li.alt .billboard-img');
    j('#billboard2-nav li .billboard-img').css({'display':'block', 'opacity':'0'});
    var moveto, widthto, first=true, counter=0;
    
var menter = function(){
    plane.css({'display':'block'});
    if (first) {
        alt.stop().fadeTo("fast", 0);
        moveto = parseInt(j(this).position().left - 15);
        widthto = parseInt(j(this).width() - 30);
        plane.css({left:moveto+'px'});
        plane.find('span').css({width:widthto+'px'});
        first = false;
    } else {
        moveto = j(this).parent().position().left-15;
        widthto =parseInt(j(this).width()-30);
        plane.stop().animate({left:moveto},"fast");
        plane.find('span').stop().animate({width:widthto},"fast");
    }
    curr.stop().fadeTo("normal", 0);
    curr = j(this).parent().find('div.billboard-img');
    curr.stop().fadeTo("normal", 1);
}

    alt.stop().fadeTo("fast", 1);
    j('#billboard2-nav li a').bind("mouseenter", menter);
    
    j('#billboard2-nav').hover(function(event){
        j('#billboard2-nav li a').bind("mouseenter", menter);
    }, function(){
        first = true;
        j('#billboard2-nav li a').unbind('mouseenter', menter).bind("mouseenter", menter);
        plane.css({'display':'none'});
        curr.stop().fadeTo("fast", 0);
        alt.stop().fadeTo("normal", 1);
    });
});