$(function(){
	$("a.clickMeToOpen")
			.click(function(){
				$("div.openMe").slideDown("slow",
					function(){
						$("a.clickMeToOpen").hide();
					}
				);
	})
	
	
	var div=$("div.sc_menu");
	var tbl=$("div.sc_menu table");
	var step=div.width()/2;
	
	// initial adjustment:
	var activeThumb=$("div.line");
	movement=div.offset().left - activeThumb.offset().left + (step-activeThumb.width()/2);
	
	if((tbl.offset().left+movement)>div.offset().left) movement=div.offset().left-tbl.offset().left;
	else if((tbl.offset().left+tbl.width()+movement)<(div.offset().left+div.width())) movement=-((tbl.offset().left+tbl.width())-(div.offset().left+div.width()));
	tbl.animate({"left": "+="+movement}, {queue:false, duration:0});

	$("a#back").click(function(){
		if((tbl.offset().left+step)>div.offset().left) movement=div.offset().left-tbl.offset().left;
		else movement=step;
		tbl.animate({"left": "+="+movement}, {queue:false, duration:500});
	})
	
	$("a#fwd").click(function(){
		if((tbl.offset().left+tbl.width()-step)<(div.offset().left+div.width())) movement=(tbl.offset().left+tbl.width())-(div.offset().left+div.width());
		else movement=step;
		tbl.animate({"left": "-="+movement}, {queue:false, duration:500});
	})
	
	$("div#backButton").mouseover(function(){
		if((tbl.offset().left+step)>div.offset().left) movement=div.offset().left-tbl.offset().left;
		else movement=step;
		tbl.animate({"left": "+="+movement}, {queue:false, duration:500});
	})
	
	$("div#fwdButton").mouseover(function(){
		if((tbl.offset().left+tbl.width()-step)<(div.offset().left+div.width())) movement=(tbl.offset().left+tbl.width())-(div.offset().left+div.width());
		else movement=step;
		tbl.animate({"left": "-="+movement}, {queue:false, duration:500});
	})
});