function moveToPosition(element, position){
	$(".tabslider").stop();
	$(".tabslider").animate({"marginLeft": position + "px"}, 2000);
	selectTabs(element);
}

function selectTabs(element){
	$(".tabslider > div").each(function(){
		var classname = $(this).attr("class");
		//alert(element + " " + classname);
		if(element == classname){
			$("#" + classname).addClass("selectedtab");
		}else{
			$("#" + classname).removeClass("selectedtab");
		}
	});
	
	resetTabBkgs();
	setTabBkg(element);
}

function resetTabBkgs(){
	$(".tab img").each(function(){
		var imgname = $(this).attr("src");
		var length = imgname.length;
		if(imgname.indexOf("sel") != -1){
			firstpart = imgname.substr(0, imgname.indexOf("sel"));
			secondpart = imgname.substr(imgname.indexOf("sel")+4, imgname.length);
			$(this).attr("src", firstpart + secondpart);
		}else{
			//firstpart = imgname.substr(0, 8);
			//secondpart = imgname.substr(8, imgname.length-8);
			//$(this).attr("src", firstpart + secondpart);
		}
	});	
}

function setTabBkg(id){
	var imgname = $("#" + id + " img").attr("src");
	firstpart = imgname.substr(0, imgname.indexOf("tab-")+4);
	secondpart = imgname.substr(imgname.indexOf("tab-")+4, imgname.length);
	$("#" + id + " img").attr("src", firstpart + "sel-" + secondpart);
}