function showProblem()
{
	var middle = document.getElementById("homemiddletext");
	middle.style.display = 'none';
	var problem = document.getElementById("problemtext");
	problem.style.display = 'block';
	var solution = document.getElementById("solutiontext");
	solution.style.display = 'none';
}

function showSolution()
{
	var middle = document.getElementById("homemiddletext");
	middle.style.display = 'none';
	var problem = document.getElementById("problemtext");
	problem.style.display = 'none';
	var solution = document.getElementById("solutiontext");
	solution.style.display = 'block';
}

function showMiddle()
{
	var middle = document.getElementById("homemiddletext");
	middle.style.display = 'block';
	var problem = document.getElementById("problemtext");
	problem.style.display = 'none';
	var solution = document.getElementById("solutiontext");
	solution.style.display = 'none';
}


/*******************************************************************
 Ashtray slide show
*******************************************************************/
// Changes image to selected one
function ShowAshtrayImage(item)
{
	if (item != "ashtrayslideshowimage1")
	{
		DisplayImage("ashtrayslideshowimage1", false);
	}
	else
	{
		DisplayImage(item, true);
	}
	
	if (item != "ashtrayslideshowimage2")
	{
		DisplayImage("ashtrayslideshowimage2", false);
	}
	else
	{
		DisplayImage(item, true);
	}
	
	if (item != "ashtrayslideshowimage3")
	{
		DisplayImage("ashtrayslideshowimage3", false);
	}
	else
	{
		DisplayImage(item, true);
	}
	
	if (item != "ashtrayslideshowimage4")
	{
		DisplayImage("ashtrayslideshowimage4", false);
	}
	else
	{
		DisplayImage(item, true);
	}
}


/*******************************************************************
 Helper
*******************************************************************/
function DisplayImage(item, display)
{
	var itemToUse = document.getElementById(item);
	if (display == true)
	{
		itemToUse.style.display = 'block';
	}
	else
	{
		itemToUse.style.display = 'none';
	}
}


/*******************************************************************
 Automatically rotates ashtray images
*******************************************************************/
function RotateAshImage()
{
	var timeToWait = 5000;
	
	var toHideItem = document.getElementById("ashtrayslideshowimage1");
	if (toHideItem.style.display != 'none')
	{
		toHideItem.style.display = 'none';
		var toShowItem = document.getElementById("ashtrayslideshowimage2");
		toShowItem.style.display = 'block';
		window.setTimeout("RotateAshImage()", timeToWait);
		return;
	}

	toHideItem = document.getElementById("ashtrayslideshowimage2");
	if (toHideItem.style.display != 'none')
	{
		toHideItem.style.display = 'none';
		var toShowItem = document.getElementById("ashtrayslideshowimage3");
		toShowItem.style.display = 'block';
		window.setTimeout("RotateAshImage()", timeToWait);
		return;
	}
	
	toHideItem = document.getElementById("ashtrayslideshowimage3");
	if (toHideItem.style.display != 'none')
	{
		toHideItem.style.display = 'none';
		var toShowItem = document.getElementById("ashtrayslideshowimage4");
		toShowItem.style.display = 'block';
		window.setTimeout("RotateAshImage()", timeToWait);
		return;
	}
	
	toHideItem = document.getElementById("ashtrayslideshowimage4");
	if (toHideItem.style.display != 'none')
	{
		toHideItem.style.display = 'none';
		var toShowItem = document.getElementById("ashtrayslideshowimage1");
		toShowItem.style.display = 'block';
		window.setTimeout("RotateAshImage()", timeToWait);
		return;
	}
	
	 window.setTimeout("RotateAshImage()", timeToWait);
}