function f() {
	document.getElementById("w").style.display = "none";
	a = document.getElementById('welcome');
	a.style.height = '240px';
	a.style.border = '1px solid #778';
	a.style.padding = '3px';
	document.getElementById("w1").style.display = "";
	document.getElementById("w2").style.display = "none";
	document.getElementById("w3").style.display = "none";
}

function f2() {
	document.getElementById("w").style.display = "none";
	document.getElementById("w1").style.display = "none";
	document.getElementById("w2").style.display = "";
	document.getElementById("w3").style.display = "none";
	
}

function f3(type, name, url) {
	document.getElementById("w").style.display = "none";
	document.getElementById("w1").style.display = "none";
	document.getElementById("w2").style.display = "none";
	document.getElementById("w3").style.display = "";
	
	a = document.getElementById('w3');
	b = "<a href='javascript:closeF()' class='right'>[Close]</a>";
	if(type == 'icon') {
		b += "Ok, since you use <b>" + name + "</b>, you're primarily interested in <b>buddy icons</b> and <b>away messages</b>. To get started, try these favorite sections of Iconator:<ul>";
		b += "<li><a href='iconsindex.php'>Buddy Icon Categories</a>";
		b += "<li><a href='iconstop.php'>The Most Popular Buddy Icons</a>";
		b += "<li><a href='iconsdl.php'>The Most Downloaded Buddy Icons</a>";
		b += "<li><a href='iconsoftheday.php'>The Best Buddy Icons (Icons of the Day)</a>";
		b += "<li><a href='awayindex.php'>Away Message Categories</a>";
		b += "<li><a href='awaytop.php'>The Most Popular Away Messages</a></ul>";
		b += "<p>If you're having trouble installing a buddy icon, <a href='" + url + "'>Read our buddy icon tutorial</a>.";
	} else if (type == 'avatar') {
		b += "Ok, since you use <b>" + name + "</b>, you're primarily interested in <b>avatars</b>. To get started, try these favorite sections of Iconator:<br><ul>";
		b += "<li><a href='avatarsindex.php'>Avatar Categories</a>";
		b += "<li><a href='avatarstop.php'>The Most Popular Avatars</a>";
		b += "<li><a href='avatarsnew.php'>The Newest Avatars</a>";
		b += "<li><a href='avatarsoftheday.php'>The Best Avatars (Avatars of the Day)</a>";
		b += "<li><a href='tags.php'>Icon and Avatar Tags</a></ul>";
		if (url != '')
			b += "<p>If you're having trouble installing an avatar, <a href='" + url + "'>Read the " + name + " tutorial</a>.";
	} else if (type == 'web') {
		b += "Ok, since you use <b>" + name + "</b>, you're primarily interested in <b>avatars</b>. (<b>Buddy icons</b> and <b>away messages</b> can also be used with " + name + "). To get started, try these favorite sections of Iconator:<br><ul>";
		b += "<li><a href='avatarsindex.php'>Avatar Categories</a>";
		b += "<li><a href='avatarstop.php'>The Most Popular Avatars</a>";
		b += "<li><a href='avatarsnew.php'>The Newest Avatars</a>";
		b += "<li><a href='avatarsoftheday.php'>The Best Avatars (Avatars of the Day)</a>";
		b += "<li><a href='iconstop.php'>The Most Popular Buddy Icons</a></ul>";
		if (url != '')
			b += "<p>If you're having trouble installing an avatar, <a href='" + url + "'>Read the " + name + " tutorial</a>.";
	} else if (type == 'both') {
		b += "Ok, since you " + name + ", you can use any section of Iconator! To get started, try these favorite sections of Iconator:";
		b += "<ul><li><a href='avatarsindex.php'>Avatar Categories</a>";
		b += "<li><a href='avatarstop.php'>The Most Popular Avatars</a>";
		b += "<li><a href='avatarsnew.php'>The Newest Avatars</a>";
		b += "<li><a href='avatarsoftheday.php'>The Best Avatars (Avatars of the Day)</a>";
		b += "<li><a href='iconstop.php'>The Most Popular Buddy Icons</a>";
		b += "<li><a href='tags.php'>Icon and Avatar Tags</a></ul>";
	} else if (type == 'other') {
		b += "Ok, you're using an IM or chat program not listed on the previous screen. Most IM programs support both <b>avatars</b> and <b>buddy icons</b>. Read the help file or ask your friends how to use icons with your chat program. There may also be information in our <a href='faq.php'>Frequently Asked Questions page</a>.<p>";
	}
	a.innerHTML = b + "<p><a href='javascript:f2()'>&lt;&lt; Pick another program</a></p>";
}

function closeF() {
	document.getElementById("w").style.display = "";
	document.getElementById("w1").style.display = "none";
	document.getElementById("w2").style.display = "none";
	document.getElementById("w3").style.display = "none";
	a = document.getElementById('welcome');
	a.style.height = 'auto';
	a.style.border = '';
	a.style.padding = '0px';
	
}