var rollOverArr=new Array();

function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}

function setrollout(OutImgSrc, pageImageName)
{
    if (! rollOverArr[pageImageName].outImg)
    {
        rollOverArr[pageImageName].outImg = new Image;
    }

    rollOverArr[pageImageName].outImg.src=OutImgSrc;
}

setrollover('images/nav1.gif', 'tabnav_alpha');
setrollover('images/nav2.gif', 'tabnav_bravo');
setrollover('images/nav3.gif', 'tabnav_charlie');
setrollover('images/nav4.gif', 'tabnav_delta');
setrollover('images/nav5.gif', 'tabnav_echo');
setrollover('images/nav6.gif', 'tabnav_fox');

				// Preload the on states of the tabs for quicker response

				image_alpha = new Image();
				image_alpha.src = "images/nav1.gif";

				image_bravo = new Image();
				image_bravo.src = "images/nav2.gif";
				
				image_charlie = new Image();
				image_charlie.src = "images/nav3.gif";
				
				image_delta = new Image();
				image_delta.src = "images/nav4.gif";
				
				image_echo = new Image();
				image_echo.src = "images/nav5.gif";
				
				image_fox = new Image();
				image_fox.src = "images/nav6.gif";
				

				// Pass in the random frequencies of the tabs

					var alpha_freq = 100; var bravo_freq = 0; var charlie_freq = 0; var delta_freq = 0; var echo_freq = 0; var fox_freq = 0;


				// Pass in the URL of the image which should appear on each themetab

							var alphalogo = 'RENAME_THIS_IMAGE_LINK';
							var bravologo = 'images/invisi.gif';
							var charlielogo = 'images/invisi.gif';
							var deltalogo = 'images/invisi.gif';
							var echologo = 'images/invisi.gif';
							var foxlogo = 'images/invisi.gif';

				// Random Equation which determines which tab to show

				var randomColoredTab;
				var randomColoredSeed = Math.ceil(100*Math.random(100));
				if (randomColoredSeed <= alpha_freq) {
				randomColoredTab = 'alpha';
				} else if (randomColoredSeed <= bravo_freq) {
				randomColoredTab = 'bravo';
				} else if (randomColoredSeed <= charlie_freq) {
				randomColoredTab = 'charlie';
				} else if (randomColoredSeed <= delta_freq) {
				randomColoredTab = 'delta';
				} else if (randomColoredSeed <= echo_freq) {
				randomColoredTab = 'echo';
				} else if (randomColoredSeed <= fox_freq) {
				randomColoredTab = 'fox';
				}

				// Function which actually swaps tabs

				function changeColoredTab (tabname, imgname) {
				document.getElementById('tab_alpha').style.display = 'none';
				document.getElementById('tab_bravo').style.display = 'none';
				document.getElementById('tab_charlie').style.display = 'none';
				document.getElementById('tab_delta').style.display = 'none';
				document.getElementById('tab_echo').style.display = 'none';
				document.getElementById('tab_fox').style.display = 'none';
				document.getElementById('tab_'+tabname).style.display = 'block';
				document.getElementById('tabnav_alpha').src = 'images/nav1.gif';
				document.getElementById('tabnav_bravo').src = 'images/nav2.gif';
				document.getElementById('tabnav_charlie').src = 'images/nav3.gif';
				document.getElementById('tabnav_delta').src = 'images/nav4.gif';				
				document.getElementById('tabnav_echo').src = 'images/nav5.gif';
				document.getElementById('tabnav_fox').src = 'images/nav6.gif';


				setrollout('images/nav1.gif', 'tabnav_alpha');
				setrollout('images/nav2.gif', 'tabnav_bravo');
				setrollout('images/nav3.gif', 'tabnav_charlie');
				setrollout('images/nav4.gif', 'tabnav_delta');
				setrollout('images/nav5.gif', 'tabnav_echo');
				setrollout('images/nav6.gif', 'tabnav_fox');

				document.getElementById('tabnav_'+tabname).src = 'images/'+imgname+'_click.gif';
				//alert(document.getElementById('tabnav_'+tabname).src);
				rollOverArr['tabnav_'+tabname].outImg.src='images/'+imgname+'_click.gif';
				//alert(eval(tabname+'logo'));
				document.getElementById('tab_'+tabname).src = eval(tabname+'logo');
				}
