var demoWin;
var aboutWin;

function launchDemoAndAbout(mainUrl, aboutUrl) {
	//alert ("launchDemo("+mainUrl+", "+aboutUrl+")");
	launchDemo(mainUrl);
	launchAbout(aboutUrl);
} 

function launchDemo(url) {
	demoWin = window.open(url, "zoeViewDemo_main_win",
		"width=950,height=800,left=270,top=20,screenX=250,screenY=20,toolbar=yes,directories=yes,menubar=yes,status=yes,resizable=yes,dependent=yes,copyhistory=no,scrollbars=yes") ;
	if (demoWin) {
		demoWin.focus();
		showDiv("closeDemoBtn_div");
		hideDiv("demoBtn_div");
	}
}

function launchAbout(url) {
	aboutWin = window.open(url, "zoeViewDemo_about_win",
		"width=250,height=800,left=10,top=20,screenX=0,screenY=20,toolbar=no,directories=no,menubar=no,status=no,resizable=yes,dependent=yes,copyhistory=no,scrollbars=yes") ;
	if (aboutWin) aboutWin.focus();
} 

function demoButtonClicked(url) {
	launchAbout(url);
} 

function closeDemo() {
	//alert("closeDemo window="+window);
	if (demoWin) demoWin.close();
	window.close();
}

// SELECT ZOEVIEW

function selectZoeViewOnDemoWin () {
	//alert("selectZoeViewOnDemoWin");
	demoWin.selectZoeView()
}
function deSelectZoeViewOnDemoWin () {
	demoWin.deSelectZoeView()
}

function selectZoeView () {
	//alert("selectZoeView");
	var obj=findDivByName("zoeView");
	//obj.className="zoeViewSelected";
	obj.style.borderStyle="solid";
	obj.style.borderWidth="6px";
	obj.style.borderColor="#ff0000";
}

function deSelectZoeView () {
	var obj=findDivByName("zoeView");
	//obj.className="zoeView";
	obj.style.borderStyle="none";
}


// UTILS

function preloadImages () {
	MM_preloadImages("media/demo_btn_0.gif")
	MM_preloadImages("media/demo_btn_1.gif")
	
}

function findDivByName(str) {
	var divCollection = document.getElementsByTagName("div");
	var r=undefined;
	for (var i=0; i<divCollection.length; i++) {
		if(divCollection[i].getAttribute("id") == str) {
			r=divCollection[i];
		} 
	}
	return r;
}
function showDiv(divName) {
	var d=findDivByName(divName);
	d.style.display='';
}
function hideDiv(divName) {
	var d=findDivByName(divName);
	d.style.display='none';
}