var Tabs = null;
var prevWhat = null;

var CurrentColor = 2;

var MM_contentVersion = 7;
var MM_FlashCanPlay = null;

var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;
if ( plugin ){
	var words = navigator.plugins["Shockwave Flash"].description.split(" ");
	for (var i = 0; i < words.length; ++i)
	{
		if (isNaN(parseInt(words[i])))
			continue;
		var MM_PluginVersion = words[i]; 
	}
	MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion;
}
else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0 
   && (navigator.appVersion.indexOf("Win") != -1)) {
	document.write('<SCR' + 'IPT LANGUAGE=VBScript\> \n');
	document.write('on error resume next \n');
	document.write('MM_FlashCanPlay = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & MM_contentVersion)))\n');
	document.write('</SCR' + 'IPT\> \n');
}

function Optimus (who)
{
	var ButtonA = document.getElementById ('ButtonA');
	var ButtonB = document.getElementById ('ButtonB');
	var ButtonC = document.getElementById ('ButtonC');
	var LargeButtonA = document.getElementById ('LargeButtonA');
	var LargeButtonB = document.getElementById ('LargeButtonB');
	var LargeButtonC = document.getElementById ('LargeButtonC');
	var ThreeButtons = document.getElementById ('ThreeButtons');
	var TryMe1 = document.getElementById ('TryMe1');
	var TryMe2 = document.getElementById ('TryMe2');
	var TryMe3 = document.getElementById ('TryMe3');
	var TryMe4 = document.getElementById ('TryMe4');
	var TryMe5 = document.getElementById ('TryMe5');
	if (!ButtonA || !ButtonB || !ButtonC || !LargeButtonA || !LargeButtonB || !LargeButtonC || !TryMe1 || !TryMe2 || !TryMe3 || !TryMe4 || !TryMe5) return;

	TurnOff();

	who.className = 'on';
	var what = who.id;
	if (!what) return;
	what = what.substr (4);	

	if (prevWhat == what) return;

	TryMe1.innerHTML = '';
	TryMe2.innerHTML = '';
	TryMe3.innerHTML = '';
	TryMe4.innerHTML = '';
	TryMe5.innerHTML = '';
	
	ButtonA.innerHTML = '!';
	ButtonB.innerHTML = '!';
	ButtonC.innerHTML = '!';
	ThreeButtons.innerHTML = '!';
	
	ButtonA.onclick = '';
	LargeButtonA.onclick = '';
	ButtonA.style.cursor = 'default';
	LargeButtonA.style.cursor = 'default';

	ButtonB.onclick = '';
	LargeButtonB.onclick = '';
	ButtonB.style.cursor = 'default';
	LargeButtonB.style.cursor = 'default';

	ButtonC.onclick = '';
	LargeButtonC.onclick = '';
	ButtonC.style.cursor = 'default';
	LargeButtonC.style.cursor = 'default';

	var inner = '';

	ThreeButtons.innerHTML = '';

	//document.cookie = 'optimus=' + what;	

	switch (what)
	{		
		case 'mail':
			if (MM_FlashCanPlay)
			{
				UseFlashDemo ('mail');
				ButtonC.style.cursor = 'pointer';
				LargeButtonC.style.cursor = 'pointer';
				TryMe4.innerHTML = '<span>You can press the key</span>';
			}
			else
			{
				ButtonA.innerHTML = '<img src=../' + what + '1.gif alt="" />';
				ButtonB.innerHTML = '<img src=../' + what + '2.gif alt="" />';
				ButtonC.innerHTML = '<img src=../' + what + '3.gif alt="" />';
			}
			break;
		case 'show':
			if (MM_FlashCanPlay)
			{			
				UseFlashDemo ('slideshow');
				ButtonA.style.cursor = 'pointer';
				ButtonB.style.cursor = 'pointer';
				ButtonC.style.cursor = 'pointer';
				LargeButtonA.style.cursor = 'pointer';
				LargeButtonB.style.cursor = 'pointer';
				LargeButtonC.style.cursor = 'pointer';
				TryMe5.innerHTML = '<span>You can press the keys</span>';				
			}
			else
			{
				ButtonA.innerHTML = '<img src=../' + what + '1.gif alt="" />';
				ButtonB.innerHTML = '<img src=../' + what + '2.gif alt="" />';
				ButtonC.innerHTML = '<img src=../' + what + '3.gif alt="" />';
			}
			break;
		case 'ppt':
			if (MM_FlashCanPlay)
			{			
				UseFlashDemo ('powerpoint');
				ButtonA.style.cursor = 'pointer';
				ButtonB.style.cursor = 'pointer';
				ButtonC.style.cursor = 'pointer';
				LargeButtonA.style.cursor = 'pointer';
				LargeButtonB.style.cursor = 'pointer';
				LargeButtonC.style.cursor = 'pointer';
				TryMe5.innerHTML = '<span>You can press the keys</span>';				
			}
			else
			{
				ButtonA.innerHTML = '<img src=../' + what + '1.gif alt="" />';
				ButtonB.innerHTML = '<img src=../' + what + '2.gif alt="" />';
				ButtonC.innerHTML = '<img src=../' + what + '3.gif alt="" />';
			}
			break;
		case 'itunes':
			if (MM_FlashCanPlay)
			{			
				UseFlashDemo ('itunes');
				ButtonC.style.cursor = 'pointer';
				LargeButtonA.style.cursor = 'pointer';
				LargeButtonB.style.cursor = 'pointer';
				LargeButtonC.style.cursor = 'pointer';
				TryMe5.innerHTML = '<span>You can press the keys</span>';				
			}
			else
			{
				ButtonA.innerHTML = '<img src=../' + what + '1.gif alt="" />';
				ButtonB.innerHTML = '<img src=../' + what + '2.gif alt="" />';
				ButtonC.innerHTML = '<img src=../' + what + '3.gif alt="" />';
			}
			break;
		case 'photoshop':
			ButtonA.innerHTML = '<img src=../' + what + '1.gif alt="" />';
			ButtonB.innerHTML = '<img src=../' + what + '2.gif alt="" />';
			ButtonC.innerHTML = '<img src=../' + what + '3.gif alt="" />';

			ButtonA.onclick = TryPhotoshop;
			LargeButtonA.onclick = TryPhotoshop;
			ButtonA.style.cursor = 'pointer';
			LargeButtonA.style.cursor = 'pointer';
			
			TryMe1.innerHTML = '<span>You can press the key</span>';
			break;
		case 'cherry':
			ButtonA.innerHTML = '<img src=../' + what + GetCherryID() + '.gif alt="" />';
			ButtonB.innerHTML = '<img src=../' + what + GetCherryID() + '.gif alt="" />';
			ButtonC.innerHTML = '<img src=../' + what + GetCherryID() + '.gif alt="" />';

			ButtonA.onclick = TryCherry;
			LargeButtonA.onclick = TryCherry;
			ButtonA.style.cursor = 'pointer';
			LargeButtonA.style.cursor = 'pointer';
			
			ButtonB.onclick = TryCherry;
			LargeButtonB.onclick = TryCherry;
			ButtonB.style.cursor = 'pointer';
			LargeButtonB.style.cursor = 'pointer';
			
			ButtonC.onclick = TryCherry;
			LargeButtonC.onclick = TryCherry;
			ButtonC.style.cursor = 'pointer';
			LargeButtonC.style.cursor = 'pointer';
			
			TryMe2.innerHTML = '<span>You can press the keys</span>';
			break;
		case 'hl':
			ButtonA.innerHTML = '<img src=../' + what + '1.gif alt="" />';
			ButtonB.innerHTML = '<img src=../' + what + '2.gif alt="" />';
			ButtonC.innerHTML = '<img src=../' + what + '3.gif alt="" />';

			ButtonC.onclick = TryHalfLife;
			LargeButtonC.onclick = TryHalfLife;
			ButtonC.style.cursor = 'pointer';
			LargeButtonC.style.cursor = 'pointer';			
			
			TryMe3.innerHTML = '<span>You can press the key</span>';
			break;
		default:
			ButtonA.innerHTML = '<img src=../' + what + '1.gif alt="" />';
			ButtonB.innerHTML = '<img src=../' + what + '2.gif alt="" />';
			ButtonC.innerHTML = '<img src=../' + what + '3.gif alt="" />';
			break;
	}
	
	prevWhat = what;
}

function TurnOff()
{
	for (var c = 0; c != Tabs.length; c++) if (Tabs[c].className == 'on') Tabs[c].className = 'off';
}

function GetCherryID()
{
	 var ret = parseInt (1 + 3 * Math.random());
	 if (ret < 1 || ret > 3) ret = 2;
	 return ret;
}

function TryHalfLife()
{
	var ButtonC = document.getElementById ('ButtonC');
	if (!ButtonC) return;
	ButtonC.innerHTML = ButtonC.innerHTML && ButtonC.innerHTML.indexOf ('3a') == -1 ? '<img src="hl3a.gif" alt="" />' : '<img src="hl3.gif" alt="" />';
}

function TryPhotoshop()
{
	var ButtonA = document.getElementById ('ButtonA');
	if (!ButtonA) return;
	ButtonA.innerHTML = ButtonA.innerHTML && ButtonA.innerHTML.indexOf ('1a') == -1 ? '<img src="photoshop1a.gif" alt="" />' : '<img src="photoshop1.gif" alt="" />';
}

function TryCherry()
{
	var ButtonA = document.getElementById ('ButtonA');
	var ButtonB = document.getElementById ('ButtonB');
	var ButtonC = document.getElementById ('ButtonC');
	if (!ButtonA || !ButtonB || !ButtonC) return;

	ButtonA.innerHTML = '<img src=cherry' + GetCherryID() + '.gif alt="" />';
	ButtonB.innerHTML = '<img src=cherry' + GetCherryID() + '.gif alt="" />';
	ButtonC.innerHTML = '<img src=cherry' + GetCherryID() + '.gif alt="" />';
}

function UseFlashDemo (what)
{
	var FlashContainer = document.getElementById ('Flash-' + what);
	var ThreeButtons = document.getElementById ('ThreeButtons');
	if (!FlashContainer || !ThreeButtons) return;

	ThreeButtons.innerHTML = FlashContainer.innerHTML;
}

function ToggleColor (index)
{
	if (index == CurrentColor) return;

	var Toggler1 = document.getElementById ('Toggler1');
	var Toggler2 = document.getElementById ('Toggler2');
	var ViewArea = document.getElementById ('ViewArea');

	if (!Toggler1 || !Toggler2 || !ViewArea) return;

	if (index == 1)
	{
		Toggler1.className = 'color-on';
		Toggler2.className = 'color-off';
		ViewArea.className = 'float-links OptimusSilver';
	}
	else
	{
		Toggler2.className = 'color-on';
		Toggler1.className = 'color-off';
		ViewArea.className = 'float-links OptimusBlack';
	}

	CurrentColor = index;
}