// JavaScript Document
//Variables to hide and display div
var divId = null;
var currentDiv = null;
var previousDiv = "tip1";

//Variables to swap images
var clickedId = null;
var previousClicked = "click1";
var currentClicked = null;
var currentNumber = "1";

function showDiv(divId, clickedId) {
	document.getElementById(previousDiv).style.display = 'none';
	currentDiv = document.getElementById(divId);
	currentDiv.style.display = 'block';
	previousDiv = divId;
	swapClicked(clickedId);
}

function swapClicked(clickedId){
	document.getElementById(previousClicked).style.backgroundImage = "url('images/n_div_10_" + currentNumber +"_off.gif')";
	currentClicked = document.getElementById(clickedId);
	if(clickedId.length == 7) {
		currentNumber = "10";
	} else {
		currentNumber = clickedId.charAt(5);
	}
	currentClicked.style.backgroundImage = "url('images/n_div_10_" + currentNumber +"_on.gif')";
	previousClicked = clickedId;
}