var sliderX = 0;
var unitLength = 829;
var houseNum = 1;

function ScrollLeft() {
	if (sliderX + unitLength <= 0) {
		sliderX = sliderX + unitLength;
		DisableHome(houseNum);
		houseNum = houseNum-1;
		new Effect.Move($("steps"), { x: sliderX, y: 0, mode: "absolute", transition: Effect.Transitions.sinoidal});
	}
	else {
		new Effect.Move($("steps"), { x: 0, y: 0, mode: "absolute", transition: Effect.Transitions.sinoidal});
		sliderX = 0;
	}
	
	if (houseNum == 1) {
		$("scrollleftbutton").hide();
	}
	else {
		$("scrollrightbutton").show();
	}
}
function ScrollRight() {
	if (sliderX - unitLength >= -sliderLength+unitLength) {
		sliderX = sliderX - unitLength;
		houseNum = houseNum+1;
		EnableHome(houseNum);
		new Effect.Move($("steps"), { x: sliderX, y: 0, mode: "absolute", transition: Effect.Transitions.sinoidal});
		$("scrollleftbutton").show();
	}
	else {
		new Effect.Move($("steps"), { x: -sliderLength+unitLength, y: 0, mode: "absolute", transition: Effect.Transitions.sinoidal});
		sliderX = -sliderLength+unitLength;
		$("scrollrightbutton").hide();
	}
	
	if (houseNum == steps) {
		$("scrollrightbutton").hide();
	}
	else {
		$("scrollleftbutton").show();
	}
}

function SelectHouse(newHouseNum) {	
	new Effect.Move($("steps"), { x: -sliderLength+unitLength*(steps-newHouseNum+1), y: 0, mode: "absolute", transition: Effect.Transitions.sinoidal});
	sliderX = -sliderLength+unitLength*(steps-newHouseNum+1);
	
	for (var i = 0; i < newHouseNum; i++) {
		EnableHome(i+1);
	}
	
	while (i < steps) {
		DisableHome(i+1);
		i++;
	}
	houseNum = newHouseNum;
	
	if (houseNum == steps) {
		$("scrollrightbutton").hide();
		$("scrollleftbutton").show();
	}
	else if (houseNum == 1){
		$("scrollleftbutton").hide();
		$("scrollrightbutton").show();
	}
	else {
		$("scrollleftbutton").show();
		$("scrollrightbutton").show();
	}
}

function EnableHome(number) {
	$("house"+number).className = "house";
}

function DisableHome(number) {
	$("house"+number).className = "housedisabled";
}