// JavaScript Document

// the main menu div -----------------------------------------
divMenu='';
divMenu+='<div class="menuBar" >';
divMenu+= '<a class="menuButton" href="http://www.timeshard.com/" onmouseover="buttonMouseover(event, \'menu0\');">Home</a><span class="whiteText"> |</span>';
divMenu+= '<a class="menuButton" href="http://www.timeshard.com/" onmouseover="buttonMouseover(event, \'menu1\');">Info</a><span class="whiteText"> |</span>';
divMenu+='<a class="menuButton"href="http://www.timeshard.com/music"onmouseover="buttonMouseover(event, \'menu2\');">Music</a><span class="whiteText"> |</span>';
divMenu+='<a class="menuButton" href="http://www.timeshard.com/visuals" onmouseover="buttonMouseover(event, \'menu3\');">Visual</a><span class="whiteText"> |</span>';
divMenu+='<a class="menuButton" href="http://www.timeshard.com/ideas" onmouseover="buttonMouseover(event, \'menu4\');">Ideas</a><span class="whiteText"> |</span>';

divMenu+='<a class="menuButton" href="mailto:w&#101;b&#115;&#104;&#97;r&#100;&#105;&#97;&#110;&#64;&#116;&#105;m&#101;&#115;&#104;&#97;&#114;&#100;&#46;&#99;&#111;&#109;"onclick="return buttonClick(event, \'menu6\');"onmouseover="buttonMouseover(event, \'menu6\');">Contact</a>';
divMenu+='</div>';
// end main menu div -----------------------------------------

// the shard menu-----------------------------------------

//Menu one - 'info' -->
function shardMenu(){
	
shardMenu='<div id="menu0" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="'+path+'index.htm">Home</a><div class="menuItemSep"></div><a class="menuItem" href=""onclick="return false;"onmouseover="menuItemMouseover(event, \'stylemenu\');"><span class="menuItemText">Styles</span><span class="menuItemArrow">&#9654;</span></a></div><div class="nowt"></div>';
	

shardMenu+='<div id="menu1" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="'+path+'info/history.htm">History</a><div class="nowt"></div><a class="menuItem" href="'+path+'info/future.htm">Future</a><div class="nowt"></div><a class="menuItem" href="'+path+'info/gear.htm">Shard Gear</a><div class="nowt"></div><a class="menuItem" href="'+path+'info/biogz.htm">BiogZ</a></div><div class="nowt"></div>';

// menu 2 'music'-->
shardMenu+='<div id="menu2" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="'+path+'music/index.htm">MP3 downloads </a><div class="menuItemSep"></div><a class="menuItem" href="'+path+'music/discog.htm">Discography </a><div class="nowt"></div><a class="menuItem" href="'+path+'music/index.htm">Impossible to Get </a></div><div class="nowt"></div>';

// menu 3 'Visuals'-->
shardMenu+='<div id="menu3" class="menu"><a class="menuItem" href="'+path+'visuals/index.htm">Visual home</a><div class="menuItemSep"></div><a class="menuItem" href=""onclick="return false;"onmouseover="menuItemMouseover(event, \'menu3_sub1\');"><span class="menuItemText">Image Galleries</span><span class="menuItemArrow">&#9654;</span></a> </div><div class="nowt"></div>';

// menu3_sub1 (sub menu for photo galleries)
shardMenu+='<div id="menu3_sub1" class="menu"onmouseover="menuMouseover(event)"><a class="menuItem" href="'+path+'visuals/gallery.htm">Images of Shard</a><div class="nowt"></div><a class="menuItem" href="'+path+'visuals/gallery2.htm">Flyers and posters</a><div class="nowt"></div><a class="menuItem" href="'+path+'visuals/gallery3.htm">Squonk Gallery</a><div class="nowt"></div><a class="menuItem" href="'+path+'visuals/gallery4.htm">Joe\'s Gallery</a></div><div class="nowt"></div>';

// stylemenu >>>>>>(styles)<<<<<<<
shardMenu+='<div id="stylemenu" class="menu"onmouseover="menuMouseover(event)"><a class="menuItem" href="javascript:chooseStyle(0);">Style: Simple</a><div class="nowt"></div><a class="menuItem" href="javascript:chooseStyle(1);">Style:Green Future</a><div class="nowt"></div><a class="menuItem" href="javascript:chooseStyle(3);">Style:Blutech</a>'+'</div><div class="nowt"></div>'

// menu 4 'Ideas'-->
shardMenu+='<div id="menu4" class="menu"onmouseover="menuMouseover(event)"><a class="menuItem" href="'+path+'ideas/oblique.htm">Oblique Strategies</a><div class="nowt"></div><a class="menuItem" href=""onclick="return false;"onmouseover="menuItemMouseover(event, \'menu4sub\');"><span class="menuItemText">Half Bakery</span><span class="menuItemArrow">&#9654;</span></a><div class="menuItemSep"></div><a class="menuItem" href="'+path+'ideas/links.htm">Links</a></div>';

//menu 4 sub (half bakery)
shardMenu+='<div id="menu4sub" class="menu"onmouseover="menuMouseover(event)"><a class="menuItem" href="'+path+'ideas/simulater_aligator.htm">Simulated Universe</a></div>';

// menu 6 Help-->
shardMenu+='<div id="menu6" class="menu"><a class="menuItem" href="mailto:w&#101;b&#115;&#104;&#97;r&#100;&#105;&#97;&#110;&#64;&#116;&#105;m&#101;&#115;&#104;&#97;&#114;&#100;&#46;&#99;&#111;&#109;">Mail us</a></div>';

document.write(shardMenu);
}

//_________________________________________________________
/* some often used functions*/

function chooseStyle (newstyle){
killcookie();
var expdate = new Date(); 
//alert('your chosen style is '+newstyle)<correct
expdate.setTime(expdate.getTime()+ (1000*3600*24*365));
document.cookie = 'style=' + newstyle + '; expires=' + expdate.toGMTString() + '; path=/';
self.location = self.location;
}
function killcookie(){
document.cookie = 'style=null; expires= Mon, 09-Dec-1970 12:34:00 GMT; path=/';
}


/* set the style of the page, and include the appropriate menu*/
styles=['shard_simple','shard1','shard2','shard3','shard4'];
stylind=(document.cookie.lastIndexOf('style='))+6;
stylenum=(document.cookie.substr(stylind,1));

// if no cookies .. you get the default style
if(document.cookie.indexOf('style')<0){
	stylenum=1;
}
thisStyle=styles[stylenum];


// ###### write the main chosen style #######
document.write('<link href="'+path+'css/'+thisStyle+'.css" rel="stylesheet" type="text/css">');
// ###### add the alternate styles #########
for(var st=0;st<styles.length;st++){
	otherStyle=styles[st];
	if(otherStyle != thisStyle){//alert(otherStyle);
		document.write('<link rel="alternate stylesheet" href="'+path+'css/'+otherStyle+'.css" type="text/css" title="'+otherStyle+'">\n');

		}
}
// ###### if appropriate - write the menu  ########
if(stylenum>=1){
	document.write('<script language="javascript" src="'+path+'js/menu.js"></script>');
}
function update(target,data) { 
var ie4=Boolean(document.all && !document.getElementById);
var td=(ie4)?document.all[target]:document.getElementById(target);
td.innerHTML=data;
}
