var lastTab = document.getElementById('tab1');
var hpanel = new Spry.Widget.HTMLPanel("content1", {evalScripts:false});
var loadingImage = new Image();
loadingImage.src="../images/loading.gif";
hpanel.loadContent('web-flash.htm');
hpanel.addObserver(loadHandler);
function selectTab(tabID) {
	var newTab = document.getElementById(tabID);
	lastTab.className = lastTab.className.replace(new RegExp(" ?" + 'selectedTab'), "");
	newTab.className = newTab.className + " " + 'selectedTab';
	lastTab = newTab;
}
function loadHandler(type,sender,data){
	if (type == "onPreLoad"){
		// show loading grahpic
		document.getElementById("content1").innerHTML="";
		document.getElementById("content1").appendChild(loadingImage);
	 } else if (type=="onLoadError"){
		document.getElementById("content1").innerHTML="Unable to load dynamic content. "
						+ "Please use the links at the left to view a static version.";
	}
}
function switchTabs(){
	selectTab(this.id);
	switch (this.id){
		case 'tab1':
			hpanel.loadContent('web-flash.htm');
			break;
		case 'tab2':
			hpanel.loadContent('print-flash.htm');
			break;
		case 'tab3':
			hpanel.loadContent('corporate-flash.htm');
			break;
		case 'tab4':
			hpanel.loadContent('photo-flash.htm');
			break;
	}
	return false;
}
for (var i = 1; i < 5; i++)
	document.getElementById('tab' + i).onclick = switchTabs;