function populateClientlist () {
	var clients = $('clients');
	var cliHTML = '';
	dataset.each( function (pair) {
		var truename = pair.value.truename.toString();
		var k = pair.key.toString();
		cliHTML += "<li><a href='#' onclick= \" StateManager.setState('"+ k + "');return false; \">" + truename +"</a></li>";
		});
	clients.innerHTML = cliHTML;
}

function switchImage(url) {
	$('bigimage').src = url;
	};

function replac(datamember) {
	document.body.className = "";
	var member = dataset[datamember];		
	$('explain').innerHTML = member.description;

	$('projTitle').innerHTML = member.projTitle;
	$('credits').innerHTML = member.credit;
	if(member.littleImage) {
		$('logo').style.display = "block";
		$('logo').src = member.littleImage;
		}
	else
		$('logo').style.display = "none";
	if(member.img_block_inner_html) {
	    $('imgblock').innerHTML  =member.img_block_inner_html
	}
	else {
    	    $('imgblock').innerHTML = '	  <img id="bigimage" src="iamages/splash.jpg"></img>';
	    $('bigimage').src = member.imgsrc;
	}

	switchImage(member.imgsrcs[0]);
	var htmlString = '';
	var count = 1;
	member.imgsrcs.each( function (imgurl) {
		htmlString +=" <li class='num"+count + "'> <a onclick=\"switchImage('"+imgurl+"');\"> <img src='images/button"  + count + ".gif' /> </a></li>";
	
		count++;
		});
	$('imgnum').innerHTML = htmlString;

}

function setSplash() {
		//StateManager.setState(StateManager.defaultStateID);
		document.body.className = "home";
		$('bigimage').src = home.imgsrc;
		return;
		}


var StateManager = EXANIMO.managers.StateManager;
// Define what happens when the state changes.
StateManager.onstatechange = function(e) {
	
	if(e.id == 'defaultState') {
    	    $('imgblock').innerHTML = '	  <img id="bigimage" src="iamages/splash.jpg"></img>';
		setSplash();
		return;
		}
	replac(e.id);
}        
window.onload = function () { 

	StateManager.initialize();
		document.getElementById('homelink').onclick = function() {
			StateManager.setState(StateManager.defaultStateID);
			return false;
		}

	var identifier= document.location.hash;
	var ident2 = identifier.slice(1);
	populateClientlist();
	if(ident2 == "") {
		setSplash();
		return;
		}
	}