// JavaScript Document
	function rolling (id, what, colour ){
		switch (what){
			case "on":
				// check currently selected item
				var StoredID = document.getElementById('store').value;

				// set content id beased on nav id
				var NewID = id + '_content';

				// if the hover item is not the currently selected item
				if(StoredID != NewID){
					// make the text white
					jQuery('div.nav').find('#' + id).animate({ color:"white"  }, 100)
					}
				return false;
				break;

			case "off":
				// check currently selected item
				var StoredID = document.getElementById('store').value;

				// set content id beased on nav id
				var NewID = id + '_content';

				// if the hover item is not the currently selected item
				if(StoredID != NewID){
					// make the text black
					jQuery('div.nav').find('#' + id).animate({ color:"black"  }, 100)
					}
				return false;
				break;

			case "click":
				// check currently selected item
				var StoredID = document.getElementById('store').value;

				// set content id beased on nav id
				var NewID = id + '_content';

				// if the clicked item is not the currently selectd item
				if(StoredID != NewID){

					jQuery(document).ready(
						function () {
							// hide currently selected content panel
							jQuery('#allcontent').find('#' + StoredID).animate({ "opacity": "hide" }, 1500);

							// show new content panel
							jQuery('#allcontent').find('#' + NewID).animate({ "opacity": "show" }, 1500);

							// pull all items except selected to left margin
							// and make text black
							var Clicked = "span:not('#" + id + "')"
							jQuery('div.nav').find(Clicked).animate({ "left": "0px", color:"black" }, 250)	;

							// change banner colour and show 'home' text
							jQuery('#banner').animate({ backgroundColor: colour, color:"#ddd" }, 500);

							// add e-mail address if it's the contact tab
							// or remove it to avaoid spam bots
							$Address1 = "mailto:donna"
							$Address2 = "donnasaxby.com"
							$Address = $Address1 + "@" + $Address2
							$Card = "./resources/DonnaSaxby." + "vcf"
							
							if(id=="connect"){
									document.getElementById('mailref').href = $Address;
									document.getElementById('vcfref').href = $Card;
									}	
							else{
								document.getElementById('mailref').href = "null";
								document.getElementById('vcfref').href = "null";
								}	

							// move selected item's navbar to the left and make text off-white
							$Movement = "-=50px"
							if((id=="me") || (id=="cv") ){
									$Movement = "-=30px"
									}
							
							jQuery('#' + id ).animate({ "left": $Movement, color:"#ddd" }, 500)	;

							// store new selected item's id
							document.getElementById('store').value = NewID;
							}
						);

					// change banner text
					document.getElementById('titletext').innerHTML = id ;
					}
				return false;
				break;
			}
		}