var $j = jQuery.noConflict(); 


function hover(move)
{
	oldpos = $j("#menu").css("backgroundPosition");	
	$j("#menu").css("background-position", '0px -'+move+'px');
}
	
function out()
{
	if (oldpos.indexOf('p') == -1)
	{
		oldpos += 'px';
	}
	
	$j("#menu").css("backgroundPosition", oldpos);
}

$j(document).ready(function() {
	var oldpos = 0;
	
	$j('#acclink').hover(function(){hover(0);},out);
	$j('#reslink').hover(function(){hover(23);},out);
	$j('#matlink').hover(function(){hover(46);},out);
	$j('#conslink').hover(function(){hover(69);},out);
	$j('#linklink').hover(function(){hover(92);},out);
	$j('#webcamlink').hover(function(){hover(115);},out);
	$j('#accesslink').hover(function(){hover(138);},out);
    fixePosition();
 });

function fixePosition()
{
	var classname = $j("#menu").attr("class");
	
	if (classname == 'accueil')
	{
		$j("#menu").css("backgroundPosition", '0px 0px');
	} else if (classname == 'location')
	{
			$j("#menu").css("backgroundPosition", '0px -23px');
	} else if (classname == 'materiel')
	{
		$j("#menu").css("backgroundPosition", '0px -46px');
	} else if (classname == 'conseils')
	{
		$j("#menu").css("backgroundPosition", '0px -69px');
	} else if (classname == 'liens')
	{
		$j("#menu").css("backgroundPosition", '0px -92px');
	} else if (classname == 'webcam')
	{
		$j("#menu").css("backgroundPosition", '0px -115px');
	} else if (classname == 'plan')
	{
		$j("#menu").css("backgroundPosition", '0px -138px');
	}
}
$j(document).ready(function(){
    if ($j("#box").length)
    $j("#box").scrollable(
	    {
	        vertical: true,
	        mousewheel: true,
	        onBeforeSeek: function(event,index){
	            var items = this.getItems();
                var current = $j(items[index]);
                this.getItemWrap().parent().animate({height:current.height()-10});
	        }
	        
	    }
	).navigator(
	    {
	        navi: '#nav'
	    }
	);
});
