function clearDefault(el) {
	if (el.defaultValue == el.value) el.value = ""
}
function replaceDefault(el) {
	if ( el.value == "" ) el.value = el.defaultValue
}


//  Prototip
new Tip('ultility_bills', "Utility Bills", {
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('food', "Food", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('shelter', "Shelter", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('clothes', "Clothes", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('home_repair', "Home Repair", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('weatherization', "Home Weatherization", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('headstart', "Headstart", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('housing', "Housing", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

new Tip('locationmap', "View Service Center Locations", {
//		title: "Stems",
	  style: 'protoblue',
		stem: 'bottomMiddle',
		hook: { tip: 'topMiddle' },
		offset: { x: 38, y: -38 },
		width:100
});

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);