$(function() {
	var container = $("#menu_outer");
	var preview_els	= $("#menu_list li");
	var prew_width = 0;
	var scr_width = 0;
	var how_much = 200;
	var extra_width = 0;
	preview_els.each(function() {
		if(preview_els.index(this) != 0 && $(this).position().left == 0) {
			prew_width = preview_els.eq((preview_els.index(this) - 1)).position().left + preview_els.eq((preview_els.index(this) - 1)).width();
		}
	});
	extra_width = preview_els.eq((preview_els.length - 1)).width() + preview_els.eq((preview_els.length - 1)).position().left + (preview_els.length * 8);
	prew_width = prew_width + preview_els.eq((preview_els.length - 1)).width() + preview_els.eq((preview_els.length - 1)).position().left + (preview_els.length * 8);
	
	$("#drive_left").click(function() {
		//do some stuff
		scr_width = scr_width >= 0 ? (scr_width - how_much) : 0;
		container.stop().animate( {'scrollLeft' : scr_width},	"slow" );
// 		alert(scr_width);
 	});
 	$("#drive_right").click(function() {
		//do some stuff
		scr_width = scr_width < extra_width ? (scr_width + how_much) : extra_width;
		container.stop().animate( {'scrollLeft' : scr_width},	"slow" );
// 		alert(scr_width);
 	});
 	
 	//set initial sizes
 	$("#menu_list").css('width', prew_width);
});