function fireplace(i){
	document.getElementById("details").innerHTML = fireplaces[i];
	showdetail();
}

function basket(i){
	document.getElementById("details").innerHTML = baskets[i];
	showdetail();
}

function hob(i){
	document.getElementById("details").innerHTML = hobs[i];
	showdetail();
}

function insert(i){
	document.getElementById("details").innerHTML = inserts[i];
	showdetail();
}

function combination(i){
	document.getElementById("details").innerHTML = combinations[i];
	showdetail();
}

function firedog(i){
	document.getElementById("details").innerHTML = firedog[i];
	showdetail();
}

function fireback(i){
	document.getElementById("details").innerHTML = fireback[i];
	showdetail();
}

function accessory(i){
	document.getElementById("details").innerHTML = accessory[i];
	showdetail();
}


function showdetail(){

	document.getElementById("details").style.display = "";
	newWidth = parseInt(document.getElementById("details").style.width) + 12;
	if (newWidth < parseInt(665)){
		document.getElementById("details").style.width = newWidth + "px";
		window.setTimeout("showdetail()", 10);
	}
	else{
		document.getElementById("details").style.width = 665 + "px";
	}
}

function cleardetail(){

	newWidth = parseInt(document.getElementById("details").style.width) - 12;
	if (newWidth > parseInt(0)){
		document.getElementById("details").style.width = newWidth + "px";
		window.setTimeout("cleardetail()", 10);
	}
	else{
		document.getElementById("details").style.width = 0 + "px";
		document.getElementById("details").style.display = "none";
	}
}