// on finish flash loader
	panelImageDefault = "/html/images/home/bg/intro_bg.jpg";
	panelImageBlank = "/html/images/bg_home.jpg";
	imagePreload = new Image();
	imagePreload.src = panelImageDefault;
	imagePreload.src = panelImageBlank;
	introFinished = false;
	function postIntro() {
		introFinished = true;
		//add a cookie to prevent future viewing for 28 days
		var date = new Date();
		date.setTime(date.getTime()+(  28   *24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
		document.cookie = 'skipIntro=true'+expires;

		// show introbg
		$('containBg').style.backgroundImage = 'url(' + panelImageDefault + ')';
		$('mini1').addClassName('up');
		Effect.BlindDown($('mini1').getElementsByTagName('a')[0], {delay:0.0});
		$('mini2').addClassName('up');
		Effect.BlindDown($('mini2').getElementsByTagName('a')[0], {delay:0.2});
		$('mini3').addClassName('up');
		Effect.BlindDown($('mini3').getElementsByTagName('a')[0], {delay:0.4});
		
		// add new actions to minis
		var miniDivs = $$('.mini');
		miniDivs.each(function(miniDiv) {
			$(miniDiv).observe('mouseover', miniHoverInitial);
			$(miniDiv).observe('mouseout', miniHoverOutInitial);
		});
		$('mini1').observe('click', function() {
			panel1Click();
		});
		
		// if an accordion is not already activated, open the top one
		var accordionDivs = $$('#accordion div h3');
		var accordionActive = false;
		accordionDivs.each(function(accordion) {
			if ($(accordion).hasClassName('on')) {
				accordionActive = true;
			}
		});
		if (!accordionActive) {
			accordionDivs[0].addClassName('on');
			Effect.BlindDown(accordionDivs[0].parentNode.getElementsByTagName('div')[0], {delay:0.0});
		}
	}
	function miniHoverInitial() {
		showPanel(this.id.split('mini')[1]);
	}
	function miniHoverOutInitial() {
		hidePanel(this.id.split('mini')[1]);
	}
	function miniHide(miniNo) {
		$('mini'+miniNo).removeClassName('up');
		$('mini'+miniNo).effect = Effect.BlindUp($('mini'+miniNo).getElementsByTagName('a')[0], {queue: { position: 'end', scope: 'mini'+miniNo, limit: 2 } });
	}
	// on mini hover
	panelImages = new Array();
	panelImages[1] = "/html/images/home/bg/panel-vte.jpg";
	imagePreload.src = panelImages[1];
	panelImages[2] = "/html/images/home/bg/panel-risktool.jpg";
	imagePreload.src = panelImages[2];
	panelImages[3] = "/html/images/home/bg/panel-mindmap.jpg";
	imagePreload.src = panelImages[3];
	function showPanel(miniNo) {
		//highlight button
		$('mini1').removeClassName('on');
		$('mini2').removeClassName('on');
		$('mini3').removeClassName('on');
		$('mini'+miniNo).addClassName('on');
		// switch introbg
		$('containBg').style.backgroundImage = 'url(' + panelImages[miniNo] + ')';
		// remove intro
		if ($('intro')) $('intro').style.visibility='hidden';
		// remove panels
		$('panel1').hide();
		$('panel2').hide();
		$('panel3').hide();
		// remove vteVideo
//		$('vteVideo').hide();
		$('vteVideo').style.left = "-3000px";
		// show panel
//		Effect.Appear($('panel'+miniNo));
		$('panel'+miniNo).style.display='block';
	}
	function hidePanel(miniNo) {
		//unhighlight button
		$('mini'+miniNo).removeClassName('on');
		// switch introbg
		if (introFinished) {
			$('containBg').style.backgroundImage = 'url(' + panelImageDefault + ')';
		} else {
			$('containBg').style.backgroundImage = 'url(' + panelImageBlank + ')';
		}
		// show intro
		if ($('intro')) $('intro').style.visibility='visible';
		// remove panels
		$('panel'+miniNo).hide();
//		Effect.Fade($('panel'+miniNo));
		// remove vteVideo
//		$('vteVideo').hide();
		$('vteVideo').style.left = "-3000px";
	}
	// on mini hover while movie playing
	function showPanelInVTE(miniNo) {
		//highlight button
		$('mini2').removeClassName('on');
		$('mini3').removeClassName('on');
		$('mini'+miniNo).addClassName('on');
		// switch introbg
		$('containBg').style.backgroundImage = 'url(' + panelImages[miniNo] + ')';
		// remove panels
		$('panel2').hide();
		$('panel3').hide();
		// remove vteVideo
//		$('vteVideo').style.visibility='hidden';
		$('vteVideo').style.left = "-3000px";
		// show panel one
		$('panel'+miniNo).style.display='block';
	}
	// on mini hover while movie playing
	function hidePanelInVTE(miniNo) {
		//highlight button
		$('mini'+miniNo).removeClassName('on');
		// switch introbg
		$('containBg').style.backgroundImage = 'url(' + panelImageBlank + ')';
		// remove panels
		$('panel'+miniNo).hide();
		// show vteVideo
//		$('vteVideo').style.visibility='visible';
		$('vteVideo').style.left = "10px";
	}
	// on panel one button click
	function panel1Click() {
		// hide panel
		$('panel1').hide();
		// switch introbg
		if ($('intro')) $('intro').remove();
		$('containBg').style.backgroundImage = 'url(' + panelImageBlank + ')';
		// minimize minis + accordion
		miniHide(1);
		miniHide(2);
		miniHide(3);
		// hide all accordions
		var accordionDivs = $$('#accordion div h3');
		accordionDivs.each(function(accordion) {
			$(accordion).removeClassName('on');
			$(accordion).addClassName('off');
			Effect.BlindUp($(accordion).parentNode.getElementsByTagName('div')[0]);
		});
		// add new actions to minis
		var miniDivs = $$('.mini');
		miniDivs.each(function(miniDiv) {
			$(miniDiv).stopObserving('mouseover', miniHoverInitial);
			$(miniDiv).stopObserving('mouseout', miniHoverOutInitial);
			if ($(miniDiv).id == 'mini1') return;
			$(miniDiv).observe('mouseover', function(ev) {
				showPanelInVTE(this.id.split('mini')[1]);
				if (!this.hasClassName('up')) {
					// cancel any current effects running
					var queue = Effect.Queues.get(this.id);
					var startFrame = 0;
					queue.each(function(effect) {
						startFrame = 1.0-(effect.currentFrame/100);
						effect.cancel();
					});
					// start new effect
					this.addClassName('up');
					this.getElementsByTagName('a')[0].style.height = '72px';  //reset to avoid effect overlap issues.
					Effect.BlindDown(this.getElementsByTagName('a')[0], {queue: { position: 'end', scope: this.id,  limit: 1 }, from: startFrame});
				}
			});
			$(miniDiv).observe('mouseout', function(ev) {
				hidePanelInVTE(this.id.split('mini')[1]);
				if (this.hasClassName('up')) {
					// cancel any current effects running
					var queue = Effect.Queues.get(this.id);
					var startFrame = 0;
					queue.each(function(effect) {
						startFrame = 1.0-(effect.currentFrame/100);
						effect.cancel();
					});
					// start new effect
					this.removeClassName('up');
					Effect.BlindUp(this.getElementsByTagName('a')[0], {queue: { position: 'end', scope: this.id, limit: 1 }, from: startFrame });
				}
			});
		});
		// show vteVideo
		swfobject.embedSWF("/html/flash/vte-overview/videoModule.swf", "vteVideo", "700", "350", "9.0.0", "/html/javascript/lib/expressInstall.swf",{basePath:"/html/flash/vte-overview/", basePathXML:"/html/xml/"},{wmode:"transparent"});
		$('vteVideo').style.left = "10px";
		$('vteVideo').style.display='block';
	}
	// replace intro with flash loader
	var introOptions = {basePath:"/html/xml/"};
	if (document.cookie.match('skipIntro=true')) {
		introOptions["skip"]="true";
	}
	swfobject.embedSWF("/html/flash/intro/intro.swf", "intro", "970", "275", "9.0.0", "/html/javascript/lib/expressInstall.swf", introOptions,{wmode:"transparent"});
	// If we want to go directly to the VTE video:
	Event.observe(window, 'load', function() {
		if (location.hash.match('vte')) {
			if ($('intro')) $('intro').remove();
			panel1Click();
		}		
	});