//------------------------------------
// modernyarn.js
// Copyright 2005 donavon.com. All Rights Reserved.
//------------------------------------


//load the CSS files here. that way if the user has JavaScript disabled, he/she will disable CSS.
//because all of the content on each tab of this web "application" resided in a single HTML file,
//you need CSS enabled if you disable JavaScript. This insures that will happen.
document.write('<link href="common.css" type="text/css" rel="stylesheet" media="all" />');
document.write('<link href="screen.css" type="text/css" rel="stylesheet" media="screen" />');
document.write('<link href="print.css" type="text/css" rel="stylesheet" media="print" />');

var MainMenu;
var gPage = "Splash1";
var lastQuote=-1;
var currentTab=null;


function Cache(src) {
	this.Image = new Image();
	this.Image.src=src;
}

function xescape(str) {
	if (encodeURIComponent) {
		return encodeURIComponent(str);
	} else {
		return escape(str);
	}
}


//cache images
var cache = new Array();
cache["background"] = new Cache("images/background.gif");
cache["logo440"] = new Cache("images/modernyarn_440x440.gif");
cache["logo150"] = new Cache("images/modernyarn_150x150.gif");
cache["logo150bw"] = new Cache("images/modernyarn_150x150_bw.gif");
//cache["not_really_an_image"] = new Cache("http://www.gvisit.com/record.php?sid=cd47b6e138b5c6a1dc745b2b47a1499a&xxx="+xescape(new Date().getTime().toString()));
cache["not_really_an_image"] = new Cache("http://www.gvisit.com/record.php?sid=cd47b6e138b5c6a1dc745b2b47a1499a");


//------------------------------------
// define functions (duh)

var isDOM=document.getElementById?true:false;
var isOpera=window.opera && isDOM;
var isOpera6=(isOpera && window.print)?true:false;
var isOpera7=isOpera && navigator.userAgent.indexOf("Opera 7") > 0 || navigator.userAgent.indexOf("Opera/7") >= 0;
var isIE=document.all && document.all.item && !isOpera;
//var isStrict=document.compatMode=='CSS1Compat';
var isNN=navigator.appName=="Netscape";
var isNN4=isNN && !isDOM;
var isMozilla=isNN && isDOM;



rnd.today=new Date();
rnd.seed=rnd.today.getTime();

function rnd() {
	rnd.seed = (rnd.seed*9301+49297) % 233280;
	return rnd.seed/(233280.0);
};

function rand(number) {
	return Math.ceil(rnd()*number);
};

//"borrowed" from Atlas runtime
String.prototype.format=function(){
	var s=this;
	for (var i=0; i < arguments.length; i++){
		s=s.replace("{" + i + "}", arguments[i]);
	}
	return s;
};

//return a local date/time from an RFC822 string (e.g. "Mon, 12 Jan 2006 12:45:00 GMT")
function fromRfc822(p_str){
	var re = /,\s*(\d{2})\s*(\w{3})\s*(\d{2,4})\s*(\d{2}):(\d{2}):(\d{2})\s*(.*)/
	var m = re.exec(p_str);

	if (m == null) {
		return new Date();
	} else {
		return new Date(Date.UTC(m[3], "jan feb mar apr may jun jul aug sep oct nov dec ".indexOf(m[2].toLowerCase())/4, m[1], m[4], m[5], m[6], 0));
	}
}
function timeAgo(p_date) {
	var x = new Date() - p_date;

	var yr = Math.floor(x/(1000*60*60*24*365));
	x -= yr*1000*60*60*24*365;

	var da = Math.floor(x/(1000*60*60*24));
	x -= da*1000*60*60*24;
	
	var h = Math.floor(x/(1000*60*60));
	x -= h*1000*60*60;
	
	var m = Math.floor(x/(1000*60));
	x -= m*1000*60;
	
	if (yr==0) {
		if (da==0) {
			if (h==0) {
				return "{0} mins".format(m);
			} else {
				return "{0} hours, {1} mins".format(h, m);
			}
		} else if (da < 14) {
			return "{0} days, {1} hours".format(da, h);
		} else {
			return "{0} days".format(da);
		}
	} else {
			return "{0} years, {1} days".format(yr, da);
	}	

}


function getElmById(aID) { 
	var element = null; 
	if (isDOM) {
		element = document.getElementById(aID);
	} else if (isNN4) {
		element = document.layers[aID];
	} else if (isIE4) {
		element = document.all[aID];
	}
	return element; 
} 


function SwitchPage(newPage) {
	getElmById(gPage).style.display = 'none';
	getElmById(newPage).style.display = 'block';
	gPage = newPage;
}

function AnimatePage() {

	switch (gPage) {
	case 'Splash1':
		SwitchPage('Splash2');
		setTimeout('AnimatePage()', 20);
		break;
	case 'Splash2':
		SwitchPage('Splash3');
		setTimeout('AnimatePage()', 20);
		break;
	case 'Splash3':
		SwitchPage('MainPage');
		document.body.style.backgroundColor="white";
		document.body.style.backgroundImage="url(images/background.gif)";
		break;
	}

}

//helper for click
function GotoTab(id) {
	MainMenu.Items[id].click();
}

function SendEmail(user, domain) {
	location = "mail" + "to:" + user + "@" + domain;
	return false;
}

function WriteEmail(user, domain) {
	document.write('<a id="Email" href="mailto:enter_email_address_here" title="Click here to send an Email" onclick="return SendEmail(\''+user+'\', \''+domain+'\');">'+user+'@'+domain+'</a>');
}


function escapeHtml(str) {
	return str;
	return str.replace(/\&/g,'&amp;').replace(/\>/,'&gt;').replace(/\</,'&lt;');
}

function tabSelect(o) {
	o.className='tabSelected';
}




/*
function MenuOnMouseOver(aEvent) {
	var o = aEvent ? aEvent.target : window.event.srcElement;
	
	if (currentTab != o) {
		o.className='tabMouseOver';
	}

}
function tabMouseOut(o) {
	if (currentTab != o) {
		o.className='tabNotSelected';
	}
}
function tabOnClick(o) {
	if (currentTab != o) {

		//remove the "_tab" sufix	
		getElmById(o.id.substr(0,o.id.length-4)).style.display = 'block';
		getElmById(currentTab.id.substr(0,currentTab.id.length-4)).style.display = 'none';

		tabSelect(o);
		var tmp = currentTab;
		currentTab = o;
		tabMouseOut(tmp);
		
		//tabSelect(o);
		//tabMouseOut(currentTab);
		//currentTab = o;
		
	}
	return false;
}
*/

function MenuItem(title, tabName) {
	this.Text = title;
	this.TabId = tabName+"_tab";
	this.Default = false;

	this.SetDefault = function() {
		this.Default=true;
	}

	var menuOnMouseOver = function(aEvent) {
		var o = aEvent ? aEvent.target : window.event.srcElement;
		if (currentTab != o) {
			o.className='tabMouseOver';
		}
		return false;
	}

	var menuOnMouseOut = function(aEvent) {
		var o = aEvent ? aEvent.target : window.event.srcElement;
		if (currentTab != o) {
			o.className='tabNotSelected';
		}
		return false;
	}

	var menuOnClick = function(aEvent) {
		var o = aEvent ? aEvent.target : window.event.srcElement;
		if (currentTab != o) {

			//remove the "_tab" sufix	

			getElmById(o.id.substr(0,o.id.length-4)).style.display = 'block';
			getElmById(currentTab.id.substr(0,currentTab.id.length-4)).style.display = 'none';
			
			//getElmById(o.id.substr(0,o.id.length-4)).style.visibility = 'visible';
			//getElmById(currentTab.id.substr(0,currentTab.id.length-4)).style.visibility = 'hidden';

			tabSelect(o);
			var tmp = currentTab;
			currentTab = o;
			if (currentTab != tmp) {
				tmp.className='tabNotSelected';
			}
			debugger;
			if (currentTab.id=="page_Community" && !getElmById("googleCalendar")){
			    getElmById("googleCalendar").src="http://www.google.com/calendar/embed?title=Classes%20and%20Events&showDate=0&showCalendars=0&mode=WEEK&height=588&wkst=1&bgcolor=%23ecf0d9&src=kmw1960%40gmail.com&color=%23BE6D00";
			}
		}
		return false;
	}

	this.click = function() {
		getElmById(this.TabId).click();
	}

	this.Render = function() {
		var newdiv = document.createElement("div");
		newdiv.id=this.TabId;
		newdiv.className='tabNotSelected';
		newdiv.onmouseover = menuOnMouseOver;
		newdiv.onmouseout = menuOnMouseOut;
		newdiv.onclick = menuOnClick;
		newdiv.appendChild(	document.createTextNode(this.Text));
		return newdiv;
	}

}

function Menu() {

	//this.Id=id;
	this.Items = new Object();
	var defaultTabName=null;
	
	
	this.SelectItem = function(tabName) {
		//currentTab=getElmById(tabName+"_tab");
		//tabSelect(currentTab);
	}

	this.GotoItem = function(tabName) {
		//tabOnClick(getElmById(tabName+"_tab"));
	}

	this.AddItem = function(title, tabName) {
		this.Items[tabName] = new MenuItem(title, tabName);
		if (defaultTabName==null) {
			defaultTabName=tabName;
		}
		return this.Items[tabName];
	}

	this.Render = function(id) {
		var div = getElmById(id);
		for(var i in this.Items) {
			div.appendChild( this.Items[i].Render() );
		}
		currentTab=getElmById(defaultTabName+"_tab");
		tabSelect(currentTab);
	}

}



function OpenPic(imageName,imageWidth,imageHeight) {
	JustSoPicWindow(imageName,imageWidth,imageHeight,"Click Image to Close Window",'#C0D4D8','hug image','0');
	return false;
}


function JustSoPicWindow(imageName,imageWidth,imageHeight,alt,bgcolor,hugger,hugMargin) {
// by E Michael Brandt of ValleyWebDesigns.com - Please leave these comments intact.
// version 3.0.4  

	if (bgcolor=="") {
		bgcolor="#FFFFFF";
	}
	var adj=10
	var w = screen.width;
	var h = screen.height;
	var byFactor=1;
	var lift;

	if(w<740){
	  lift=0.90;
	}
	if(w>=740 & w<835){
	  lift=0.91;
	}
	if(w>=835){
	  lift=0.93;
	}
	if (imageWidth>w){	
	  byFactor = w / imageWidth;			
	  imageWidth = w;
	  imageHeight = imageHeight * byFactor;
	}
	if (imageHeight>h-adj){
	  byFactor = h / imageHeight;
	  imageWidth = (imageWidth * byFactor);
	  imageHeight = h; 
	}
	   
	var scrWidth = w-adj;
	var scrHeight = (h*lift)-adj;

	if (imageHeight>scrHeight){
  	  imageHeight=imageHeight*lift;
	  imageWidth=imageWidth*lift;
	}

	var posLeft=0;
	var posTop=0;

	if (hugger == "hug image"){
	  if (hugMargin == ""){
	    hugMargin = 0;
	  }
	  var scrHeightTemp = imageHeight - 0 + 2*hugMargin;
	  if (scrHeightTemp < scrHeight) {
		scrHeight = scrHeightTemp;
	  } 
	  var scrWidthTemp = imageWidth - 0 + 2*hugMargin;
	  if (scrWidthTemp < scrWidth) {
		scrWidth = scrWidthTemp;
	  }
	  
	  if (scrHeight<100){scrHeight=100;}
	  if (scrWidth<100){scrWidth=100;}

	  posTop =  ((h-(scrHeight/lift)-adj)/2);
	  posLeft = ((w-(scrWidth)-adj)/2);
 	}

	if (imageHeight > (h*lift)-adj || imageWidth > w-adj){
		imageHeight=imageHeight-adj;
		imageWidth=imageWidth-adj;
	}
	posTop = parseInt(posTop);
	posLeft = parseInt(posLeft);		
	scrWidth = parseInt(scrWidth); 
	scrHeight = parseInt(scrHeight);
	
	var agt=navigator.userAgent.toLowerCase();
	if (agt.indexOf("opera") != -1){
	  var args= new Array();
	  args[0]='parent';
	  args[1]=imageName;
	  for (var i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
	} else {
	var newWindow = window.open("","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);
	newWindow.document.open();
	newWindow.document.write('<html><title>'+alt+'</title><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor='+bgcolor+' onBlur="self.close()" onClick="self.close()">');
	newWindow.document.write('<table width='+imageWidth+' border="0" cellspacing="0" cellpadding="0" align="center" height='+scrHeight+' ><tr><td>');
	newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="Click screen to close" >');
	newWindow.document.write('</td></tr></table></body></html>');
	newWindow.document.close();
	newWindow.focus();
	}
}



function AddCounter() {
	var img = document.createElement("img");
	img.src = "http://www.modernyarn.com/cgi-sys/Count.cgi?df=modyarn.dat|display=Counter|ft=0|md=5|frgb=000000|trgb=ffffff|srgb=000000|prgb=666633|dd=E";
	img.alt = "[counter]";
	getElmById("counter").appendChild(img);
}


function tshirtOnClick(aEvent) {
	var o = aEvent ? aEvent.target : window.event.srcElement;
	OpenPic(tshirts[o.id.substr(6)].src.replace("-thumb.","."),500,637);
}


var tshirts = [
    {"p_id":"00008","src":"images/tshirts/iKnit-thumb.jpg","title":"iKnit T-shirt","desc":"Black and white on pink boycut t-shirt. $25"},
    {"p_id":"00001","src":"images/tshirts/mudflap-thumb.jpg","title":"Mudflap Girl T-shirt","desc":"Silver on black boycut OR ribbed t-shirt. $25"},
    {"p_id":"00002","src":"images/tshirts/btk-thumb.jpg","title":"Born To Knit T-shirt","desc":"Tattoo image on gray boycut t-shirt. $30"},
    {"p_id":"00011","src":"images/tshirts/dailyfiber-thumb.jpg","title":"Daily Fiber T-shirt","desc":"White on brown boycut OR ribbed t-shirt. $25"},
    {"p_id":"00006","src":"images/tshirts/purlgurl-thumb.jpg","title":"Purlgurl T-shirt","desc":"Black on white boycut OR ribbed t-shirt. $25"},
    {"p_id":"00014","src":"images/tshirts/knitrix-thumb.jpg","title":"Knitrix T-shirt","desc":"Black on army green t-shirt. $25"},
    {"p_id":"00009","src":"images/tshirts/clever-thumb.jpg","title":"Clever Ladies T-shirt","desc":"Black vintage image on very pale pink boycut t-shirt. $25"},
    {"p_id":"00005","src":"images/tshirts/kimonolady-thumb.jpg","title":"Kimono Lady T-shirt","desc":"Black cintage image on red boycut t-shirt. $25"},
  //  {"p_id":"00012","src":"images/tshirts/runningostrich-thumb.jpg","title":"Running Ostrich T-shirt","desc":"Black vintage image on white boycut t-shirt. $25"},
    {"p_id":"00007","src":"images/tshirts/buddha-thumb.jpg","title":"Buddha Knitter T-shirt","desc":"Black vintage image on very pale blue boycut t-shirt. $25"},
    {"p_id":"00004","src":"images/tshirts/droppedstitches-thumb.jpg","title":"Dropped Stitches T-shirt","desc":"Black vintage image on light blue boycut t-shirt. $25"},
    {"p_id":"00010","src":"images/tshirts/fleece-thumb.jpg","title":"Values of Fleece T-shirt","desc":"White vintage image on brown boycut t-shirt. $25"},
    {"p_id":"00013","src":"images/tshirts/k2p2-thumb.jpg","title":"*K2,P2 T-shirt","desc":"Black text reads 'repeat from * to end for her pleasure' on white boycut OR ribbed t-shirt. $25"}
];
  

function RenderTshirts() {

	var tshirtsEl = document.getElementById("tshirts");
	for(var i=0;i<tshirts.length;i++) {
	    
	    var div = document.createElement("div");
	    div.className = "tshirtArea";

		var img = document.createElement("img");
		img.id="tshirt"+i;
		img.alt="";
		img.className="tshirtThumb";
		img.onclick = tshirtOnClick;
		img.src=tshirts[i].src;
		div.appendChild(img);

		var tit = document.createElement("div");
	    tit.className = "tshirtTitle";
	    tit.innerHTML = tshirts[i].title;
		div.appendChild(tit);

		var desc = document.createElement("div");
	    desc.className = "tshirtDesc";
	    desc.innerHTML = tshirts[i].desc;
		div.appendChild(desc);

        var a = document.createElement("a");
	    a.className = "tshirtLink";
// CHRIS            a.href = "store5/agora.cgi?p_id="+tshirts[i].p_id;
a.href = "DISABLED";
            a.target = "_new";
// CHRIS            a.innerHTML = "Buy it!";
a.innerHTML = "CALL FOR INFO";
		div.appendChild(a);
		
		tshirtsEl.appendChild(div);
	}
	
    div = document.createElement("div");
    div.style.clear = "both";
	tshirtsEl.appendChild(div);

    /*
	var tshirts = document.getElementById("tshirts");
	for(var i=0;i<tshirtCache.length;i++) {
		var img = document.createElement("img");
		img.id="tshirt"+i;
		img.alt="";
		img.className="tshirtThumb";
		img.onclick = tshirtOnClick;
		img.src=tshirtCache[i].Image.src;
		tshirts.appendChild(img);
	}
	*/

}

function jewelOnClick(aEvent) {
	var o = aEvent ? aEvent.target : window.event.srcElement;
	OpenPic(jewelry[o.id.substr(5)].src.replace("-thumb.","."),700,400);
}

var jewelry = [
    {"p_id":"00015","src":"images/jewelry/mudflappendant-thumb.jpg","title":"Mudflap Girl Necklace","desc":"$40"},
    {"p_id":"00016","src":"images/jewelry/knitwitpendant-thumb.jpg","title":"Knitwit Necklace","desc":"$40"},
    {"p_id":"00017","src":"images/jewelry/purlgurlpendant-thumb.jpg","title":"Purlgurl Necklace","desc":"$40"},
    {"p_id":"00018","src":"images/jewelry/needlespendant-thumb.jpg","title":"Needles Necklace","desc":"$40"}
    ];

function RenderJewelry() {

	var jewelryEl = document.getElementById("jewelry");
	for(var i=0;i<jewelCache.length;i++) {
	
		var div = document.createElement("div");
		div.className = "jewelArea";
		
		var img = document.createElement("img");
		img.id="jewel"+i;
		img.alt = "";
		img.className ="jewelThumb";
		img.onclick = jewelOnClick;
		img.src=jewelry[i].src;
		div.appendChild(img);
		
		var tit = document.createElement("div");
	    tit.className = "jewelTitle";
	    tit.innerHTML = jewelry[i].title;
		div.appendChild(tit);
		
	    var desc = document.createElement("div");
	    desc.className = "jewelDesc";
	    desc.innerHTML = jewelry[i].desc;
		div.appendChild(desc);
		
		var a = document.createElement("a");
	    a.className = "jewelLink";
// CHRIS       a.href = "store5/agora.cgi?p_id="+jewelry[i].p_id;
a.href = "DISABLED";
        a.target = "_new";
// CHRIS       a.innerHTML = "Buy it!";
a.innerHTML = "CALL FOR INFO";
   		div.appendChild(a);
   		
   		jewelryEl.appendChild(div);
	}

        div = document.createElement("div");
        div.style.clear = "both";
	    jewelryEl.appendChild(div);

}


function yarnOnClick(aEvent) {
	var o = aEvent ? aEvent.target : window.event.srcElement;
	OpenPic(yarns[o.id.substr(4)].src.replace("-thumb.","."),472,500);
}

var yarns = [
    {"p_id":"00028","src":"images/yarns/malabrigolace-thumb.jpg","title":"Malabrigo Lace","desc":"Cashmere soft laceweight 100% Baby Merino wool, in 24 of Malabrigo's signature colors. 470 yds, $9.50/sk"},
    {"p_id":"00026","src":"images/yarns/LL-thumb.jpg","title":"Lorna's Laces Shepherd Sock","desc":"Beautiful multicolor and variegated palletes. 2 sk=1 pair. On sale $8.93/sk"},
    {"p_id":"00027","src":"images/yarns/CTH-thumb.jpg","title":"Cherry Tree Hill Supersock","desc":"1 sk=1 pair. On sale in desirable solids for $15.30 or potluck multicolors for $17.85/sk"},
    {"p_id":"00024","src":"images/yarns/trekking-thumb.jpg","title":"TrekkingXXL Sock","desc":"Amazingly, this yarn fair-isles itself as you knit! 1 sk=1 pair. On sale $11.90/sk"},
    {"p_id":"00025","src":"images/yarns/step-thumb.jpg","title":"Austermann Step Sock","desc":"Self-striping, with aloe in it for softness! 1 sk=1 pair. On sale $11.90/sk"}
    ];

function RenderYarns() {

	var yarnsEl = document.getElementById("yarns");
	for(var i=0;i<yarns.length;i++) {
	
		var div = document.createElement("div");
		div.className = "yarnArea";
		
		var img = document.createElement("img");
		img.id="yarn"+i;
		img.alt = "";
		img.className ="yarnThumb";
		img.onclick = yarnOnClick;
		img.src=yarns[i].src;
		div.appendChild(img);
		
		var tit = document.createElement("div");
	    tit.className = "yarnTitle";
	    tit.innerHTML = yarns[i].title;
		div.appendChild(tit);
		
	    var desc = document.createElement("div");
	    desc.className = "yarnDesc";
	    desc.innerHTML = yarns[i].desc;
		div.appendChild(desc);
		
		var a = document.createElement("a");
	    a.className = "yarnLink";
// CHRIS        a.href = "store5/agora.cgi?p_id="+yarns[i].p_id;
a.href = "DISABLED";
        a.target = "_new";
// CHRIS        a.innerHTML = "Buy it!";
a.innerHTML = "CALL FOR INFO";
   		div.appendChild(a);
   		
   		yarnsEl.appendChild(div);
	}

        div = document.createElement("div");
        div.style.clear = "both";
	    yarnsEl.appendChild(div);
}

function magnetOnClick(aEvent) {
	var o = aEvent ? aEvent.target : window.event.srcElement;
	OpenPic(magnets[o.id.substr(6)].src.replace("-thumb.","."),375,225);
}

var magnets = [
    {"p_id":"00019","src":"images/magnets/k2tog-magnet-thumb.jpg","title":"k2tog Magnet","desc":"$6"},
    {"p_id":"00020","src":"images/magnets/ssk-magnet-thumb.jpg","title":"SSK Magnet","desc":"$6"},
    {"p_id":"00021","src":"images/magnets/k1p1-magnet-thumb.jpg","title":"K1P1 Magnet","desc":"$6"},
    {"p_id":"00023","src":"images/magnets/yo-magnet-thumb.jpg","title":"Yo Magnet","desc":"$6"}
    ];

function RenderMagnets() {

	var magnetsEl = document.getElementById("magnets");
	for(var i=0;i<magnetCache.length;i++) {
	
		var div = document.createElement("div");
		div.className = "magnetArea";
		
		var img = document.createElement("img");
		img.id="magnet"+i;
		img.alt = "";
		img.className ="magnetThumb";
		img.onclick = magnetOnClick;
		img.src=magnets[i].src;
		div.appendChild(img);
		
		var tit = document.createElement("div");
	    tit.className = "magnetTitle";
	    tit.innerHTML = magnets[i].title;
		div.appendChild(tit);
		
	    var desc = document.createElement("div");
	    desc.className = "magnetDesc";
	    desc.innerHTML = magnets[i].desc;
		div.appendChild(desc);
		
		var a = document.createElement("a");
	        a.className = "magnetLink";
// CHRIS        a.href = "store5/agora.cgi?p_id="+magnets[i].p_id;
a.href = "DISABLED";
                a.target = "_new";
// CHRIS        a.innerHTML = "Buy it!";
a.innerHTML = "CALL FOR INFO";
   		div.appendChild(a);
   		
   		magnetsEl.appendChild(div);
	}

        div = document.createElement("div");
        div.style.clear = "both";
	    magnetsEl.appendChild(div);
}




var kClick = 0;
var kOn = false;
function TestKitties() {
	kClick++;
	if (kClick==3) {
		kClick=0;
		
		if (kOn) {
			kOn = false;
		} else {
			kOn = true;
			movesnow();
		}
	}
}


function getLinkElement(aEvent) {
	var o = aEvent ? aEvent.target : window.event.srcElement;
	if (o.tagName != "A") {
		o = o.parentElement?o.parentElement:o.parentNode;
	}
	return o;
}

function mmonclick(aEvent) {
	//var o = getLinkElement(aEvent);
	//o.className="tabSelected";

	//o = document.getElementById(CurrentId).className="tabNotSelected";
	//document.getElementById(CurrentId).className="tabNotSelected";

	//alert(getLinkElement(aEvent).id);

	var o;
	var h;
	if (CurrentId!= null) {
		o = document.getElementById(CurrentId);
		o.className="tabNotSelected";
		h = o.href.substr(o.href.indexOf("#")+1);
		//h = "page"+o.id.substr(o.id.indexOf("_"));
		document.getElementById(h).style.display = "none";
	}

	o = getLinkElement(aEvent);
	CurrentId = o.id;
	//alert(o.id);

	o.className="tabSelected";
	o.blur();
	h = o.href.substr(o.href.indexOf("#")+1);
	//h = "page"+o.id.substr(o.id.indexOf("_"));
	document.getElementById(h).style.display = "block";

	if (CurrentId=="menu_Community" && !getElmById("googleCalendar").src){
	    getElmById("googleCalendar").src="http://www.google.com/calendar/embed?title=Classes%20and%20Events&showDate=0&showCalendars=0&mode=MONTH&height=588&wkst=1&bgcolor=%23ecf0d9&src=kmw1960%40gmail.com&color=%23BE6D00";
    }

	return false;
}

function mmonmouseover(aEvent) {
	var o = getLinkElement(aEvent);
	alert('here '+o.id);
	return false;
}

function mmOnMouseOver(aEvent) {
	var o = getLinkElement(aEvent);
	if (o.id != CurrentId) {
		//document.getElementById(CurrentId).className="tabSelectedOut";
		o.className="tabMouseOver";
	}
	return false;
}

function mmOnMouseOut(aEvent) {
	var o = getLinkElement(aEvent);
	if (o.id != CurrentId) {
		//document.getElementById(CurrentId).className="tabSelected";
		o.className="tabNotSelected";
	}
	return false;
}



function OnCalendarLoad(cal) {

	var item, calEl, tab, tb, tr, td;
	
	calEl = getElmById("calendar");
	calEl.innerHTML = "";


	tab = document.createElement("table");
	tb = document.createElement("tbody");
	tab.appendChild(tb);


	
	for (var i=0; i<cal.items.length; i++) {
		item = cal.items[i];

		tr = document.createElement("tr");
		tb.appendChild(tr);
		
		td = document.createElement("td");
		td.innerHTML = item.title;
		td.className = "when";
		tr.appendChild(td);
		
		td = document.createElement("td");
		td.innerHTML = item.description;
		tr.appendChild(td);
	}
	calEl.appendChild(tab);
}



function OnBlogLoad(cal) {

	var item, calEl, tab, tb, tr, td, div;
	
	calEl = getElmById("blogthing");
	calEl.innerHTML = "";


	for (var i=0; i<cal.items.length; i++) {
	    if (i==10) {break;}
		item = cal.items[i];

		div = document.createElement("p");
		div.innerHTML =  '<a href="' + item.link + '">' + item.title + "</a> <span class=rssdate>" + timeAgo(fromRfc822(item.pubDate)) + " ago</span>";
    	calEl.appendChild(div);
	}
}


var cal;

var blog;

function OnEndOfPage() {

	/*
	MainMenu = new Menu();
	MainMenu.AddItem("Home","tabWelcome");
	MainMenu.AddItem("Yarn","tabYarn");
	MainMenu.AddItem("Goods","tabProducts");
	MainMenu.AddItem("Services","tabServices");
	//MainMenu.AddItem("Classes/Events","tabEvents");
	MainMenu.AddItem("Community","tabCommunity");
	MainMenu.AddItem("Resources","tabResources");
	MainMenu.AddItem("Gallery","tabGallery");
	
	MainMenu.Render("MainMenu"); //specify div to render into
	//getElmById("MainMenu").appendChild(MainMenu.Render());
	*/


	//supercharge the HTML menu system
	var mm = document.getElementById("SuperMainMenu");
	var links = mm.getElementsByTagName("a");
	for (var i=0;i<links.length;i++) {
		var a = links[i];
		a.onclick = mmonclick;
		a.onmouseout = a.onblur = mmOnMouseOut; //for accessibility (see http://www.quirksmode.org/js/events_pairs.html)
		a.onmouseover = a.onfocus = mmOnMouseOver;
		//a.onmousedown = function() {this.onfocus=this.blur};
		//a.onmouseup = function() {this.onfocus=window.clientInformation?null:window.undefined};
		if (a.className == "tabSelected") {
			CurrentId = a.id;
		}
	}

	//AddCounter();
	
	if (InitKitties()) {
		getElmById("logoDiv").onclick = TestKitties; //turn on click event
	}


	getElmById("imgLogo").onclick = AnimatePage; //click logo to skip 2 sec initial wait
	setTimeout('AnimatePage()', 3000);

	try {
		ChangeCoolImage();
		RenderTshirts();
		RenderJewelry();
	    RenderMagnets();
	    RenderYarns();
	}
	catch(e) {
	}
	
	
	//cal = new Rss();
	//cal.onload = OnCalendarLoad;
	//cal.load("calendar_rss.php");

	blog = new Rss();
	blog.onload = OnBlogLoad;
	blog.load("wp-rss2.php");	

}




//------------------------------------
// execute now


//debugger;


//currentTab=getElmById(tabName+"_tab");

//window.onload = StartAnimatePage;