<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cool Online Tools</title>
	<atom:link href="http://coolonlinetools.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://coolonlinetools.net</link>
	<description>Cool Online Productivity Tools &#124; Useful Internet Blogging Generators</description>
	<lastBuildDate>Fri, 03 Feb 2012 14:20:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Add Some Fun to Your Halloween Marketing and Party Games With a Spooky Error Generator</title>
		<link>http://coolonlinetools.net/add-some-fun-to-your-halloween-marketing-and-party-games-with-a-spooky-error-generator/</link>
		<comments>http://coolonlinetools.net/add-some-fun-to-your-halloween-marketing-and-party-games-with-a-spooky-error-generator/#comments</comments>
		<pubDate>Sun, 09 Oct 2011 11:48:38 +0000</pubDate>
		<dc:creator>Cool Online Tools</dc:creator>
				<category><![CDATA[Fun & Games]]></category>

		<guid isPermaLink="false">http://coolonlinetools.net/?p=210</guid>
		<description><![CDATA[Add Fun to Around To Your Office Halloween Party Games Bored with the same old Halloween Office Decorations and Antics or Want to make Your Home Computer In the "Spirit"? Try the Spooky Halloween Error Generator complete with sound effects of your choice of a human scream, Spooky Ghost Wicked Witch, or Werewolf Howl Cool [...]]]></description>
			<content:encoded><![CDATA[<h3>Add Fun to Around To Your Office Halloween Party Games</h3>
Bored with the same old Halloween Office Decorations and Antics or Want to make Your Home Computer In the "Spirit"?
Try the Spooky Halloween Error Generator complete with sound effects of your choice of a human scream, Spooky Ghost
Wicked Witch, or Werewolf Howl
<h3>Cool Halloween Marketing Ideas</h3>
Add Haunted Pop Ups to your presentations and show of the office soul!
This tool allows you to make a joke error appear on a friends computer using a generated link. 
Simply fill out the form with the text you want to appear on the error as the title, message and buttons. You can add icons to the error as well. The website url is where the link will take the user and where the error will appear to pop-up.
Fill out the form and send the generated link to friends you want to trick!
<a href="http://coolonlinetools.net/wp-content/uploads/2011/10/l5dljsuipprbk7hf5s6i_7.png"><img src="http://coolonlinetools.net/wp-content/uploads/2011/10/l5dljsuipprbk7hf5s6i_7.png" alt="" title="Halloween Error Generator" width="258" height="134" class="aligncenter size-full wp-image-215" style="margin-left:170px;" /></a>
<div style="float:right;">
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script src="http://coolonlinetools.net/script/soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript">

soundManager.onready(function(){
	// SM2 has loaded - now you can create and play sounds!
	soundManager.createSound({
	id: 'witch',
	url: 'http://coolonlinetools.net/sound/witch.mp3'
	// other options here..
	});
	
	soundManager.createSound({
	id: 'werewolf',
	url: 'http://coolonlinetools.net/sound/werewolf.mp3'
	});
	
	soundManager.createSound({
	id: 'ghost',
	url: 'http://coolonlinetools.net/sound/ghost.mp3'
	});
	
	soundManager.createSound({
	id: 'scream',
	url: 'http://coolonlinetools.net/sound/scream.mp3'
	});
	
	// Optional: ontimeout() callback for handling start-up failure
	soundManager.ontimeout(function(){

	});
});

soundManager.url = 'http://coolonlinetools.net/swf-files/';
soundManager.flashVersion = 9; 
soundManager.useFlashBlock = false; 

errorDir = '';
iconSelected = '';
function selecticon(element, iconName, errorDirName) {
	errorDir = errorDirName;
	if (iconSelected) {
		iconDeSelected = iconSelected;
		jQuery("#" + iconDeSelected).animate({"border-bottom-color": "#FFFFFF"}, 400);
		jQuery("#" + iconName).animate({"border-bottom-color": "black"}, 400);
		iconSelected = iconName;

	} else {
		jQuery("#" + iconName).animate({"border-bottom-color": "black"}, 400);

		iconSelected = iconName;
	}
}

var loading = false;
function generate() {
	if (document.getElementById('titleText').value == '' && document.getElementById('text').value == '') {
		if (document.getElementById('howManyButtons').value == 3) {
			if (document.getElementById('button1').value == '' && document.getElementById('button2').value == '' && document.getElementById('button3').value == '') {
				alert('You need to enter some kind of data.');
			}
		} else if (document.getElementById('howManyButtons').value == 2) {
			if (document.getElementById('button1').value == '' && document.getElementById('button2').value == '') {
				alert('You need to enter some kind of data.');
			}
		} else if (document.getElementById('howManyButtons').value == 1) {
			if (document.getElementById('button1').value == '') {
				alert('You need to enter some kind of data.');
			}
		}
	} else {
		document.getElementById('generatedImage').style.display = 'none';
		document.getElementById('loading').style.display = '';
		document.getElementById('generatedShow1').style.display = '';
		document.getElementById('generatedShow2').style.display = '';
		document.getElementById('generatedShow3').style.display = '';
		document.getElementById('generatedShow4').style.display = '';
	
		if (document.getElementById('style1').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style1').value);
		} else if (document.getElementById('style2').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style2').value);
		} else if (document.getElementById('style3').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style3').value);
		} else if (document.getElementById('style4').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style4').value);
		}	
		
		if (document.getElementById('errorUrl').value != '' || document.getElementById('errorUrl').value != 'www.google.com') {
			url += '&errorUrl=' + document.getElementById('errorUrl').value.replace(/http:///g
			, '');
		} else {
			url += '&errorUrl=www.google.com';
		}
		
		if (document.getElementById('sound2').checked) {
			url += '&errorSound=ghost';
		} else if (document.getElementById('sound3').checked) {
			url += '&errorSound=witch';
		} else if (document.getElementById('sound4').checked) {
			url += '&errorSound=werewolf';
		} else if (document.getElementById('sound5').checked) {
			url += '&errorSound=scream';
		} else {
			url += '&errorSound=normal';
		}
		
		if (document.getElementById('icon1').checked) {
			url += '&errorImage=' + encodeURIComponent(iconSelected);
			url += '&errorDir=' + errorDir;
		}
		
		url += '&titleText=' + encodeURIComponent(document.getElementById('titleText').value);
		url += '&text=' + encodeURIComponent(document.getElementById('text').value);
		
		url += '&howManyButtons=' + encodeURIComponent(document.getElementById('howManyButtons').value);
		if (document.getElementById('howManyButtons').value == '3') {
			url += '&button1Text=' + encodeURIComponent(document.getElementById('button1').value);
			url += '&button2Text=' + encodeURIComponent(document.getElementById('button2').value);
			url += '&button3Text=' + encodeURIComponent(document.getElementById('button3').value);
		} else if (document.getElementById('howManyButtons').value == '2') {
			url += '&button1Text=' + encodeURIComponent(document.getElementById('button1').value);
			url += '&button2Text=' + encodeURIComponent(document.getElementById('button2').value);
		} else if (document.getElementById('howManyButtons').value == '1') {
			url += '&button1Text=' + encodeURIComponent(document.getElementById('button1').value);
		}
		
		jQuery.get(url, function(data) {
			document.getElementById('loading').style.display = 'none';
			document.getElementById('generatedImage').style.display = '';
			document.getElementById('generatedImage').innerHTML = data;
		})
		.error(function() { document.getElementById('loading').style.display = 'none';document.getElementById('generatedImage').innerHTML = "There has been an internal server error. Please refresh the page and try again.";document.getElementById('generatedImage').style.display = ''; });
	}
}

function showHideButtons(value) {
	if (value == '0') { 
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = 'none';
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = 'none';
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = 'none';
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = 'none';
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = 'none';
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = 'none';
		});
	} else if (value == '1') {
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = '';
			jQuery('#button1TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = '';
			jQuery('#button1TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = 'none';
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = 'none';
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = 'none';
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = 'none';
		});
	} else if (value == '2') {
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = '';
			jQuery('#button1TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = '';
			jQuery('#button1TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = '';
			jQuery('#button2TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = '';
			jQuery('#button2TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = 'none';
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = 'none';
		});
	} else if (value == '3') {
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = '';
			jQuery('#button1TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = '';
			jQuery('#button1TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = '';
			jQuery('#button2TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = '';
			jQuery('#button2TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = '';
			jQuery('#button3TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = '';
			jQuery('#button3TRSpace').animate({
				opacity: 1
			}, 1200);
		});
	} 
}

function iconHide() {
	if (document.getElementById('icon1').checked) {
		document.getElementById('errorIcons1').style.display = '';
		jQuery('#errorIcons1').animate({
			opacity: 1
		}, 600);
		document.getElementById('errorIcons2').style.display = '';
		jQuery('#errorIcons2').animate({
			opacity: 1
		}, 600);
		document.getElementById('errorIcons3').style.display = '';
		jQuery('#errorIcons3').animate({
			opacity: 1
		}, 600);
	} else if (document.getElementById('icon2').checked) {
		jQuery('#errorIcons1').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('errorIcons1').style.display = 'none';
		});
		jQuery('#errorIcons2').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('errorIcons2').style.display = 'none';
		});
		jQuery('#errorIcons3').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('errorIcons3').style.display = 'none';
		});
	}
}

function playSound(sound) {
	soundManager.play(sound);
}

</script>
<style type="text/css">
.iconExampleTD {
	text-align:center;
}
.iconExampleImage {
	border-width:1px;
	border-color:white;
	border-style:solid;
}
.BGdescript {
	width:200px !important;
}
.BGoption {
	width:230px !important;
	padding-left:10px !important;
}
.buttonGenerator table, tr, td {
	border-width:0px !important;
}
.seperatorTR {
border-top-width:1px !important;
border-top-style:solid;
border-top-color:lightgrey;
}
.authorBuffer {
width:20px;
}
</style>

<div id="generatorContainer" width="610">
<form name="buttonGenerator">
<table width="610">
	<tbody>
		<tr>
			<td class="BGdescript"><b>Title:</b></td>
			<td class="BGoption"><input type="text" size="40" maxlength="100" id="titleText" name="titleText" /></td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Message:</b></td>
			<td class="BGoption"><textarea id="text" name="text" rows="4" cols="40" maxlength="200"></textarea></td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>How Many Buttons:</b></td>
			<td class="BGoption">
				<select name="howManyButtons" id="howManyButtons" onchange="showHideButtons(this.value);">
					<option value="0">0</option>
					<option value="1" selected>1</option>
					<option value="2">2</option>
					<option value="3">3</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="button1TR" style="opacity: 1;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Button 1:</b></td>
			<td class="BGoption">
				<input type="text" size="40" maxlength="50" id="button1" name="button1" />
			</td>
		</tr>
		<tr id="button1TRSpace" style="opacity: 1;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="button2TR" style="opacity: 0; display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Button 2:</b></td>
			<td class="BGoption">
				<input type="text" size="40" maxlength="50" id="button2" name="button2" />
			</td>
		</tr>
		<tr id="button2TRSpace" style="opacity: 0; display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="button3TR" style="opacity: 0; display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Button 3:</b></td>
			<td class="BGoption">
				<input type="text" size="40" maxlength="50" id="button3" name="button3" />
			</td>
		</tr>
		<tr id="button3TRSpace" style="opacity: 0; display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Style:</b></td>
			<td class="BGoption">
				<input type="radio" id="style1" name="style" value="auto" checked/>Autodetect</br>
				<input type="radio" id="style2" name="style" value="xp" />Windows XP</br>
				<input type="radio" id="style3" name="style" value="7" />Windows Vista / 7</br>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">Autodetect will detect the persons operating system and show the error in that style.</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Error Website:</b></td>
			<td class="BGoption"><input type="text" size="40" maxlength="100" id="errorUrl" name="errorUrl" value="www.google.com"/></td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">Enter the url you want the error to appear on.</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Select A Sound Effect:</b></td>
			<td class="BGoption">
				<input type="radio" id="sound1" name="errorSound" value="normal" onclick="playSound('normal');" checked/>Normal Error Sound</br>
				<input type="radio" id="sound2" name="errorSound" value="ghost" onclick="playSound('ghost');" />Spooky Ghost</br>
				<input type="radio" id="sound3" name="errorSound" value="witch" onclick="playSound('witch');" />Wicked Witch</br>
				<input type="radio" id="sound4" name="errorSound" value="werewolf" onclick="playSound('werewolf');" />Werewolf Howl</br>
				<input type="radio" id="sound5" name="errorSound" value="no" onclick="playSound('scream');" />Human Scream</br>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">WARNING: When you click on a sound it will preview. Don't get scared ;)</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Do You Want An Icon:</b></td>
			<td class="BGoption">
				<input type="radio" id="icon1" name="icon" value="yes" onclick="iconHide();" checked/>Yes</br>
				<input type="radio" id="icon2" name="icon" value="no" onclick="iconHide();" />No</br>
			</td>
		</tr>
		<tr id="errorIcons1">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="errorIcons2">
			<td colspan="2"><b>Click Your Desired Icon:</b></td>
		</tr>
		<tr id="errorIcons3">
			<td colspan="2">
				<div style="overflow:auto;height:220px;">
					<table>
						<tbody>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pumpkin1" src="http://coolonlinetools.net/error/stock/icons/halloween/pumpkin1.png" onclick="selecticon(this, 'pumpkin1', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pumpkin2" src="http://coolonlinetools.net/error/stock/icons/halloween/pumpkin2.png" onclick="selecticon(this, 'pumpkin2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pumpkin3" src="http://coolonlinetools.net/error/stock/icons/halloween/pumpkin3.png" onclick="selecticon(this, 'pumpkin3', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pumpkin4" src="http://coolonlinetools.net/error/stock/icons/halloween/pumpkin4.png" onclick="selecticon(this, 'pumpkin4', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pumpkin5" src="http://coolonlinetools.net/error/stock/icons/halloween/pumpkin5.png" onclick="selecticon(this, 'pumpkin5', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pumpkin6" src="http://coolonlinetools.net/error/stock/icons/halloween/pumpkin6.png" onclick="selecticon(this, 'pumpkin6', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pumpkin7" src="http://coolonlinetools.net/error/stock/icons/halloween/pumpkin7.png" onclick="selecticon(this, 'pumpkin7', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="skull" src="http://coolonlinetools.net/error/stock/icons/halloween/skull.png" onclick="selecticon(this, 'skull', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="skull2" src="http://coolonlinetools.net/error/stock/icons/halloween/skull2.png" onclick="selecticon(this, 'skull2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="skull3" src="http://coolonlinetools.net/error/stock/icons/halloween/skull3.png" onclick="selecticon(this, 'skull3', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="skeleton" src="http://coolonlinetools.net/error/stock/icons/halloween/skeleton.png" onclick="selecticon(this, 'skeleton', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="skeleton2" src="http://coolonlinetools.net/error/stock/icons/halloween/skeleton2.png" onclick="selecticon(this, 'skeleton2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="skeleton3" src="http://coolonlinetools.net/error/stock/icons/halloween/skeleton3.png" onclick="selecticon(this, 'skeleton3', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="vampire" src="http://coolonlinetools.net/error/stock/icons/halloween/vampire.png" onclick="selecticon(this, 'vampire', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="vampire2" src="http://coolonlinetools.net/error/stock/icons/halloween/vampire2.png" onclick="selecticon(this, 'vampire2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="werewolf" src="http://coolonlinetools.net/error/stock/icons/halloween/werewolf.png" onclick="selecticon(this, 'werewolf', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="fullmoon" src="http://coolonlinetools.net/error/stock/icons/halloween/fullmoon.png" onclick="selecticon(this, 'fullmoon', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="blackcat" src="http://coolonlinetools.net/error/stock/icons/halloween/blackcat.png" onclick="selecticon(this, 'blackcat', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="witch1" src="http://coolonlinetools.net/error/stock/icons/halloween/witch1.png" onclick="selecticon(this, 'witch1', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="witch2" src="http://coolonlinetools.net/error/stock/icons/halloween/witch2.png" onclick="selecticon(this, 'witch2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="devil" src="http://coolonlinetools.net/error/stock/icons/halloween/devil.png" onclick="selecticon(this, 'devil', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="devil2" src="http://coolonlinetools.net/error/stock/icons/halloween/devil2.png" onclick="selecticon(this, 'devil2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="frankenstein" src="http://coolonlinetools.net/error/stock/icons/halloween/frankenstein.png" onclick="selecticon(this, 'frankenstein', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="frankenstein2" src="http://coolonlinetools.net/error/stock/icons/halloween/frankenstein2.png" onclick="selecticon(this, 'frankenstein2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="hannibal" src="http://coolonlinetools.net/error/stock/icons/halloween/hannibal.png" onclick="selecticon(this, 'hannibal', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="jason" src="http://coolonlinetools.net/error/stock/icons/halloween/jason.png" onclick="selecticon(this, 'jason', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="jason2" src="http://coolonlinetools.net/error/stock/icons/halloween/jason2.png" onclick="selecticon(this, 'jason2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="mummy" src="http://coolonlinetools.net/error/stock/icons/halloween/mummy.png" onclick="selecticon(this, 'mummy', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="mummy2" src="http://coolonlinetools.net/error/stock/icons/halloween/mummy2.png" onclick="selecticon(this, 'mummy2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="ghost5" src="http://coolonlinetools.net/error/stock/icons/halloween/ghost5.png" onclick="selecticon(this, 'ghost5', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="ghost" src="http://coolonlinetools.net/error/stock/icons/halloween/ghost.png" onclick="selecticon(this, 'ghost', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="ghost2" src="http://coolonlinetools.net/error/stock/icons/halloween/ghost2.png" onclick="selecticon(this, 'ghost2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="ghost3" src="http://coolonlinetools.net/error/stock/icons/halloween/ghost3.png" onclick="selecticon(this, 'ghost3', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="ghost4" src="http://coolonlinetools.net/error/stock/icons/halloween/ghost4.png" onclick="selecticon(this, 'ghost4', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="witch3" src="http://coolonlinetools.net/error/stock/icons/halloween/witch3.png" onclick="selecticon(this, 'witch3', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="zombie" src="http://coolonlinetools.net/error/stock/icons/halloween/zombie.png" onclick="selecticon(this, 'zombie', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="zombie2" src="http://coolonlinetools.net/error/stock/icons/halloween/zombie2.png" onclick="selecticon(this, 'zombie2', 'halloween');"/>
								</td>
								<td style="width:40px;">
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</td>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="generatedShow1" style="display:none;">
			<td colspan="2" style="text-align:center;"><b>Generated Error Link:</b></td>
		</tr>
		<tr id="generatedShow2" style="display:none;">
			<td colspan="2" style="text-align:center;"><center><div id="generatedImage" style="overflow:auto;"></div><img id="loading" src="http://coolonlinetools.net/ajax-loader.gif"/></center></td>
		</tr>
		<tr id="generatedShow3" style="display:none;">
			<td colspan="2" style="color:grey;">Send somebody to this generated link and they'll see your custom error.</td>
		</tr>
		<tr id="generatedShow4" style="display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td colspan="2" style="text-align:center;">
				<button onClick="generate();return false;">Generate Error</button>
			</td>
		</tr>
		<tr>
			<td colspan="2"></br></td>
		</tr>
	</tbody>
</table>
</form>
</div>
<span style="color:grey;">This tool includes icons created by the following artists:</span>
<table><tbody><tr>
<td><a href="http://www.yellowicon.com" rel="nofollow">Yellow Icon Design</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.icondrawer.com" rel="nofollow">Eugen Buzuk</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.deleket.com" rel="nofollow">Jojo Mendoza</a></td>
<td class="authorBuffer"></td>
<td><a href="http://arrioch.deviantart.com/" rel="nofollow">Milos Mirkovic</a></td>
</tr>
</tbody></table>
<span style="color:grey;">Cool Online Tools makes no legal claims to any of the characters or logos depicted in these icons. </br>All copyrighted entities are used under fair use.</span>
</br></br>
</div>]]></content:encoded>
			<wfw:commentRss>http://coolonlinetools.net/add-some-fun-to-your-halloween-marketing-and-party-games-with-a-spooky-error-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://coolonlinetools.net/sound/werewolf.mp3" length="34716" type="audio/mpeg" />
<enclosure url="http://coolonlinetools.net/sound/witch.mp3" length="30537" type="audio/mpeg" />
<enclosure url="http://coolonlinetools.net/sound/ghost.mp3" length="73168" type="audio/mpeg" />
<enclosure url="http://coolonlinetools.net/sound/scream.mp3" length="24267" type="audio/mpeg" />
		</item>
		<item>
		<title>Error Generator</title>
		<link>http://coolonlinetools.net/error-generator/</link>
		<comments>http://coolonlinetools.net/error-generator/#comments</comments>
		<pubDate>Sat, 08 Oct 2011 02:49:17 +0000</pubDate>
		<dc:creator>Cool Online Tools</dc:creator>
				<category><![CDATA[Fun & Games]]></category>

		<guid isPermaLink="false">http://coolonlinetools.net/?p=172</guid>
		<description><![CDATA[This tool allows you to make a joke error appear on a friends computer using a generated link. Simply fill out the form with the text you want to appear on the error as the title, message and buttons. You can add icons to the error as well. The website url is where the link [...]]]></description>
			<content:encoded><![CDATA[<a href="http://coolonlinetools.net/wp-content/uploads/2011/10/xvsver81mxvvjktzu5vs_7.png"><img src="http://coolonlinetools.net/wp-content/uploads/2011/10/xvsver81mxvvjktzu5vs_7.png" alt="" title="xvsver81mxvvjktzu5vs_7" width="203" height="134" class="aligncenter size-full wp-image-173" /></a>

This tool allows you to make a joke error appear on a friends computer using a generated link. </br>
Simply fill out the form with the text you want to appear on the error as the title, message and buttons. You can add icons to the error as well. The website url is where the link will take the user and where the error will appear to pop-up.</br>
Fill out the form and send the generated link to friends you want to trick! </br>
</br>
<div style="float:right;">
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
errorDir = '';
iconSelected = '';
function selecticon(element, iconName, errorDirName) {
	errorDir = errorDirName;
	if (iconSelected) {
		iconDeSelected = iconSelected;
		jQuery("#" + iconDeSelected).animate({"border-bottom-color": "#FFFFFF"}, 400);
		jQuery("#" + iconName).animate({"border-bottom-color": "black"}, 400);
		iconSelected = iconName;

	} else {
		jQuery("#" + iconName).animate({"border-bottom-color": "black"}, 400);

		iconSelected = iconName;
	}
}

var loading = false;
function generate() {
	if (document.getElementById('titleText').value == '' && document.getElementById('text').value == '') {
		if (document.getElementById('howManyButtons').value == 3) {
			if (document.getElementById('button1').value == '' && document.getElementById('button2').value == '' && document.getElementById('button3').value == '') {
				alert('You need to enter some kind of data.');
			}
		} else if (document.getElementById('howManyButtons').value == 2) {
			if (document.getElementById('button1').value == '' && document.getElementById('button2').value == '') {
				alert('You need to enter some kind of data.');
			}
		} else if (document.getElementById('howManyButtons').value == 1) {
			if (document.getElementById('button1').value == '') {
				alert('You need to enter some kind of data.');
			}
		}
	} else {
		document.getElementById('generatedImage').style.display = 'none';
		document.getElementById('loading').style.display = '';
		document.getElementById('generatedShow1').style.display = '';
		document.getElementById('generatedShow2').style.display = '';
		document.getElementById('generatedShow3').style.display = '';
		document.getElementById('generatedShow4').style.display = '';
	
		if (document.getElementById('style1').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style1').value);
		} else if (document.getElementById('style2').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style2').value);
		} else if (document.getElementById('style3').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style3').value);
		} else if (document.getElementById('style4').checked) {
			var url = 'http://coolonlinetools.net/makeerror.php';
			url += '?style=' + encodeURIComponent(document.getElementById('style4').value);
		}	
		
		if (document.getElementById('errorUrl').value != '' || document.getElementById('errorUrl').value != 'www.google.com') {
			url += '&errorUrl=' + document.getElementById('errorUrl').value.replace(/http:///g
			, '');
		} else {
			url += '&errorUrl=www.google.com';
		}
		
		if (document.getElementById('icon1').checked) {
			url += '&errorImage=' + encodeURIComponent(iconSelected);
			url += '&errorDir=' + errorDir;
		}
		
		url += '&titleText=' + encodeURIComponent(document.getElementById('titleText').value);
		url += '&text=' + encodeURIComponent(document.getElementById('text').value);
		
		url += '&howManyButtons=' + encodeURIComponent(document.getElementById('howManyButtons').value);
		if (document.getElementById('howManyButtons').value == '3') {
			url += '&button1Text=' + encodeURIComponent(document.getElementById('button1').value);
			url += '&button2Text=' + encodeURIComponent(document.getElementById('button2').value);
			url += '&button3Text=' + encodeURIComponent(document.getElementById('button3').value);
		} else if (document.getElementById('howManyButtons').value == '2') {
			url += '&button1Text=' + encodeURIComponent(document.getElementById('button1').value);
			url += '&button2Text=' + encodeURIComponent(document.getElementById('button2').value);
		} else if (document.getElementById('howManyButtons').value == '1') {
			url += '&button1Text=' + encodeURIComponent(document.getElementById('button1').value);
		}
		
		jQuery.get(url, function(data) {
			document.getElementById('loading').style.display = 'none';
			document.getElementById('generatedImage').style.display = '';
			document.getElementById('generatedImage').innerHTML = data;
		})
		.error(function() { document.getElementById('loading').style.display = 'none';document.getElementById('generatedImage').innerHTML = "There has been an internal server error. Please refresh the page and try again.";document.getElementById('generatedImage').style.display = ''; });
	}
}

function showHideButtons(value) {
	if (value == '0') { 
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = 'none';
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = 'none';
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = 'none';
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = 'none';
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = 'none';
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = 'none';
		});
	} else if (value == '1') {
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = '';
			jQuery('#button1TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = '';
			jQuery('#button1TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = 'none';
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = 'none';
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = 'none';
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = 'none';
		});
	} else if (value == '2') {
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = '';
			jQuery('#button1TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = '';
			jQuery('#button1TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = '';
			jQuery('#button2TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = '';
			jQuery('#button2TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = 'none';
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = 'none';
		});
	} else if (value == '3') {
		jQuery('#button1TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TR').style.display = '';
			jQuery('#button1TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button1TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button1TRSpace').style.display = '';
			jQuery('#button1TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TR').style.display = '';
			jQuery('#button2TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button2TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button2TRSpace').style.display = '';
			jQuery('#button2TRSpace').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button3TR').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TR').style.display = '';
			jQuery('#button3TR').animate({
				opacity: 1
			}, 1200);
		});
		jQuery('#button3TRSpace').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('button3TRSpace').style.display = '';
			jQuery('#button3TRSpace').animate({
				opacity: 1
			}, 1200);
		});
	} 
}

function iconHide() {
	if (document.getElementById('icon1').checked) {
		document.getElementById('errorIcons1').style.display = '';
		jQuery('#errorIcons1').animate({
			opacity: 1
		}, 600);
		document.getElementById('errorIcons2').style.display = '';
		jQuery('#errorIcons2').animate({
			opacity: 1
		}, 600);
		document.getElementById('errorIcons3').style.display = '';
		jQuery('#errorIcons3').animate({
			opacity: 1
		}, 600);
	} else if (document.getElementById('icon2').checked) {
		jQuery('#errorIcons1').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('errorIcons1').style.display = 'none';
		});
		jQuery('#errorIcons2').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('errorIcons2').style.display = 'none';
		});
		jQuery('#errorIcons3').animate({
			opacity: 0
		}, 400, function() {
			document.getElementById('errorIcons3').style.display = 'none';
		});
	}
}

</script>
<style type="text/css">
.iconExampleTD {
	text-align:center;
}
.iconExampleImage {
	border-width:1px;
	border-color:white;
	border-style:solid;
}
.BGdescript {
	width:200px !important;
}
.BGoption {
	width:230px !important;
	padding-left:10px !important;
}
.buttonGenerator table, tr, td {
	border-width:0px !important;
}
.seperatorTR {
border-top-width:1px !important;
border-top-style:solid;
border-top-color:lightgrey;
}
.authorBuffer {
width:20px;
}
</style>

<div id="generatorContainer" width="610">
<form name="buttonGenerator">
<table width="610">
	<tbody>
		<tr>
			<td class="BGdescript"><b>Title:</b></td>
			<td class="BGoption"><input type="text" size="40" maxlength="100" id="titleText" name="titleText" /></td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Message:</b></td>
			<td class="BGoption"><textarea id="text" name="text" rows="4" cols="40" maxlength="200"></textarea></td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>How Many Buttons:</b></td>
			<td class="BGoption">
				<select name="howManyButtons" id="howManyButtons" onchange="showHideButtons(this.value);">
					<option value="0">0</option>
					<option value="1" selected>1</option>
					<option value="2">2</option>
					<option value="3">3</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="button1TR" style="opacity: 1;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Button 1:</b></td>
			<td class="BGoption">
				<input type="text" size="40" maxlength="50" id="button1" name="button1" />
			</td>
		</tr>
		<tr id="button1TRSpace" style="opacity: 1;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="button2TR" style="opacity: 0; display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Button 2:</b></td>
			<td class="BGoption">
				<input type="text" size="40" maxlength="50" id="button2" name="button2" />
			</td>
		</tr>
		<tr id="button2TRSpace" style="opacity: 0; display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="button3TR" style="opacity: 0; display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Button 3:</b></td>
			<td class="BGoption">
				<input type="text" size="40" maxlength="50" id="button3" name="button3" />
			</td>
		</tr>
		<tr id="button3TRSpace" style="opacity: 0; display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Style:</b></td>
			<td class="BGoption">
				<input type="radio" id="style1" name="style" value="auto" checked/>Autodetect</br>
				<input type="radio" id="style2" name="style" value="xp" />Windows XP</br>
				<input type="radio" id="style3" name="style" value="7" />Windows Vista / 7</br>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">Autodetect will detect the persons operating system and show the error in that style.</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Error Website:</b></td>
			<td class="BGoption"><input type="text" size="40" maxlength="100" id="errorUrl" name="errorUrl" value="www.google.com"/></td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">Enter the url you want the error to appear on.</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Do You Want An Icon:</b></td>
			<td class="BGoption">
				<input type="radio" id="icon1" name="icon" value="yes" onclick="iconHide();" checked/>Yes</br>
				<input type="radio" id="icon2" name="icon" value="no" onclick="iconHide();" />No</br>
			</td>
		</tr>
		<tr id="errorIcons1">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="errorIcons2">
			<td colspan="2"><b>Click Your Desired Icon:</b></td>
		</tr>
		<tr id="errorIcons3">
			<td colspan="2">
				<div style="overflow:auto;height:300px;">
					<table>
						<tbody>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									General
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="error1" src="http://coolonlinetools.net/error/stock/icons/general/error1.png" onclick="selecticon(this, 'error1', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="error2" src="http://coolonlinetools.net/error/stock/icons/general/error2.png" onclick="selecticon(this, 'error2', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="delete" src="http://coolonlinetools.net/error/stock/icons/general/delete.png" onclick="selecticon(this, 'delete', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="cancel" src="http://coolonlinetools.net/error/stock/icons/general/cancel.png" onclick="selecticon(this, 'cancel', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="warning" src="http://coolonlinetools.net/error/stock/icons/general/warning.png" onclick="selecticon(this, 'warning', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="check" src="http://coolonlinetools.net/error/stock/icons/general/check.png" onclick="selecticon(this, 'check', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="info" src="http://coolonlinetools.net/error/stock/icons/general/info.png" onclick="selecticon(this, 'info', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="gear" src="http://coolonlinetools.net/error/stock/icons/general/gear.png" onclick="selecticon(this, 'gear', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="recycle" src="http://coolonlinetools.net/error/stock/icons/general/recycle.png" onclick="selecticon(this, 'recycle', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="archive" src="http://coolonlinetools.net/error/stock/icons/general/archive.png" onclick="selecticon(this, 'archive', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="logout" src="http://coolonlinetools.net/error/stock/icons/general/logout.png" onclick="selecticon(this, 'logout', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="usb" src="http://coolonlinetools.net/error/stock/icons/general/usb.png" onclick="selecticon(this, 'usb', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="mail" src="http://coolonlinetools.net/error/stock/icons/general/mail.png" onclick="selecticon(this, 'mail', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="paper" src="http://coolonlinetools.net/error/stock/icons/general/paper.png" onclick="selecticon(this, 'paper', 'general');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="disk" src="http://coolonlinetools.net/error/stock/icons/general/disk.png" onclick="selecticon(this, 'disk', 'general');"/>
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Hardware
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="harddisk" src="http://coolonlinetools.net/error/stock/icons/hardware/harddisk.png" onclick="selecticon(this, 'harddisk', 'hardware');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="motherboard" src="http://coolonlinetools.net/error/stock/icons/hardware/motherboard.png" onclick="selecticon(this, 'motherboard', 'hardware');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="chip" src="http://coolonlinetools.net/error/stock/icons/hardware/chip.png" onclick="selecticon(this, 'chip', 'hardware');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="dvd" src="http://coolonlinetools.net/error/stock/icons/hardware/dvd.png" onclick="selecticon(this, 'dvd', 'hardware');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="nes" src="http://coolonlinetools.net/error/stock/icons/hardware/nes.png" onclick="selecticon(this, 'nes', 'hardware');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="nespad" src="http://coolonlinetools.net/error/stock/icons/hardware/nespad.png" onclick="selecticon(this, 'nespad', 'hardware');"/>
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Operatings Systems & Browsers
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="windows" src="http://coolonlinetools.net/error/stock/icons/os/windows.png" onclick="selecticon(this, 'windows', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="vista" src="http://coolonlinetools.net/error/stock/icons/os/vista.png" onclick="selecticon(this, 'vista', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="linux" src="http://coolonlinetools.net/error/stock/icons/os/linux.png" onclick="selecticon(this, 'linux', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="ubuntu" src="http://coolonlinetools.net/error/stock/icons/os/ubuntu.png" onclick="selecticon(this, 'ubuntu', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="apple" src="http://coolonlinetools.net/error/stock/icons/os/apple.png" onclick="selecticon(this, 'apple', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="android" src="http://coolonlinetools.net/error/stock/icons/os/android.png" onclick="selecticon(this, 'android', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="chrome2" src="http://coolonlinetools.net/error/stock/icons/os/chrome2.png" onclick="selecticon(this, 'chrome2', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="firefox" src="http://coolonlinetools.net/error/stock/icons/os/firefox.png" onclick="selecticon(this, 'firefox', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="safari" src="http://coolonlinetools.net/error/stock/icons/os/safari.png" onclick="selecticon(this, 'safari', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="ie" src="http://coolonlinetools.net/error/stock/icons/os/ie.png" onclick="selecticon(this, 'ie', 'os');"/>
								</td>
								<td style="width:40px;">
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Objects
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="offbulb" src="http://coolonlinetools.net/error/stock/icons/items/offbulb.png" onclick="selecticon(this, 'offbulb', 'items');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="onbulb" src="http://coolonlinetools.net/error/stock/icons/items/onbulb.png" onclick="selecticon(this, 'onbulb', 'items');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="fluorescent" src="http://coolonlinetools.net/error/stock/icons/items/fluorescent.png" onclick="selecticon(this, 'fluorescent', 'items');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="clock" src="http://coolonlinetools.net/error/stock/icons/items/clock.png" onclick="selecticon(this, 'clock', 'items');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="diamond" src="http://coolonlinetools.net/error/stock/icons/items/diamond.png" onclick="selecticon(this, 'diamond', 'items');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pennyjar" src="http://coolonlinetools.net/error/stock/icons/items/pennyjar.png" onclick="selecticon(this, 'pennyjar', 'items');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="key" src="http://coolonlinetools.net/error/stock/icons/items/key.png" onclick="selecticon(this, 'key', 'items');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="bus" src="http://coolonlinetools.net/error/stock/icons/items/bus.png" onclick="selecticon(this, 'bus', 'items');"/>
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Food
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="watermelon" src="http://coolonlinetools.net/error/stock/icons/food/watermelon.png" onclick="selecticon(this, 'watermelon', 'food');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="apple" src="http://coolonlinetools.net/error/stock/icons/food/apple.png" onclick="selecticon(this, 'apple', 'food');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="banana" src="http://coolonlinetools.net/error/stock/icons/food/banana.png" onclick="selecticon(this, 'banana', 'food');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="cherry" src="http://coolonlinetools.net/error/stock/icons/food/cherry.png" onclick="selecticon(this, 'cherry', 'food');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="strawberry" src="http://coolonlinetools.net/error/stock/icons/food/strawberry.png" onclick="selecticon(this, 'strawberry', 'food');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="kiwi" src="http://coolonlinetools.net/error/stock/icons/food/kiwi.png" onclick="selecticon(this, 'kiwi', 'food');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="pear" src="http://coolonlinetools.net/error/stock/icons/food/pear.png" onclick="selecticon(this, 'pear', 'food');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="tomato" src="http://coolonlinetools.net/error/stock/icons/food/tomato.png" onclick="selecticon(this, 'tomato', 'food');"/>
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Animals
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="monkey" src="http://coolonlinetools.net/error/stock/icons/animals/monkey.png" onclick="selecticon(this, 'monkey', 'animals');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="panda" src="http://coolonlinetools.net/error/stock/icons/animals/panda.png" onclick="selecticon(this, 'panda', 'animals');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="mouse" src="http://coolonlinetools.net/error/stock/icons/animals/mouse.png" onclick="selecticon(this, 'mouse', 'animals');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="teddy" src="http://coolonlinetools.net/error/stock/icons/animals/teddy.png" onclick="selecticon(this, 'teddy', 'animals');"/>
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Pirate
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="jollyroger" src="http://coolonlinetools.net/error/stock/icons/pirate/jollyroger.png" onclick="selecticon(this, 'jollyroger', 'pirate');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="chest" src="http://coolonlinetools.net/error/stock/icons/pirate/chest.png" onclick="selecticon(this, 'chest', 'pirate');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="map" src="http://coolonlinetools.net/error/stock/icons/pirate/map.png" onclick="selecticon(this, 'map', 'pirate');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="messagebottle" src="http://coolonlinetools.net/error/stock/icons/pirate/messagebottle.png" onclick="selecticon(this, 'messagebottle', 'pirate');"/>
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Fictional Characters
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="mickey" src="http://coolonlinetools.net/error/stock/icons/fictional/mickey.png" onclick="selecticon(this, 'mickey', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="winnie" src="http://coolonlinetools.net/error/stock/icons/fictional/winnie.png" onclick="selecticon(this, 'winnie', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="walle" src="http://coolonlinetools.net/error/stock/icons/fictional/walle.png" onclick="selecticon(this, 'walle', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="eve" src="http://coolonlinetools.net/error/stock/icons/fictional/eve.png" onclick="selecticon(this, 'eve', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="1up" src="http://coolonlinetools.net/error/stock/icons/fictional/1up.png" onclick="selecticon(this, '1up', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="leonardo" src="http://coolonlinetools.net/error/stock/icons/fictional/leonardo.png" onclick="selecticon(this, 'leonardo', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="donatelo" src="http://coolonlinetools.net/error/stock/icons/fictional/donatelo.png" onclick="selecticon(this, 'donatelo', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="michelangelo" src="http://coolonlinetools.net/error/stock/icons/fictional/michelangelo.png" onclick="selecticon(this, 'michelangelo', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="rafael" src="http://coolonlinetools.net/error/stock/icons/fictional/rafael.png" onclick="selecticon(this, 'rafael', 'fictional');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="splinter" src="http://coolonlinetools.net/error/stock/icons/fictional/splinter.png" onclick="selecticon(this, 'splinter', 'fictional');"/>
								</td>
							</tr>
							<tr style="height:40px;">
							</tr>
							<tr>
								<td colspan="21"  style="text-align:center;color:grey;">
									Star Wars
								</td>
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="vader" src="http://coolonlinetools.net/error/stock/icons/starwars/vader.png" onclick="selecticon(this, 'vader', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="stormtrooper" src="http://coolonlinetools.net/error/stock/icons/starwars/stormtrooper.png" onclick="selecticon(this, 'stormtrooper', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="boba" src="http://coolonlinetools.net/error/stock/icons/starwars/boba.png" onclick="selecticon(this, 'boba', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="stormtrooper" src="http://coolonlinetools.net/error/stock/icons/starwars/stormtrooper.png" onclick="selecticon(this, 'stormtrooper', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="r2d2" src="http://coolonlinetools.net/error/stock/icons/starwars/r2d2.png" onclick="selecticon(this, 'r2d2', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="falcon" src="http://coolonlinetools.net/error/stock/icons/starwars/falcon.png" onclick="selecticon(this, 'falcon', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="xwing" src="http://coolonlinetools.net/error/stock/icons/starwars/xwing.png" onclick="selecticon(this, 'xwing', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="tiefighter" src="http://coolonlinetools.net/error/stock/icons/starwars/tiefighter.png" onclick="selecticon(this, 'tiefighter', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="lightsaberred" src="http://coolonlinetools.net/error/stock/icons/starwars/lightsaberred.png" onclick="selecticon(this, 'lightsaberred', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="lightsaberred2" src="http://coolonlinetools.net/error/stock/icons/starwars/lightsaberred2.png" onclick="selecticon(this, 'lightsaberred2', 'starwars');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr style="text-align:center;">
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="lightsaberblue" src="http://coolonlinetools.net/error/stock/icons/starwars/lightsaberblue.png" onclick="selecticon(this, 'lightsaberblue', 'starwars');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="iconExampleTD">
									<img class="iconExampleImage" id="lightsabergreen" src="http://coolonlinetools.net/error/stock/icons/starwars/lightsabergreen.png" onclick="selecticon(this, 'lightsabergreen', 'starwars');"/>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</td>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="generatedShow1" style="display:none;">
			<td colspan="2" style="text-align:center;"><b>Generated Error Link:</b></td>
		</tr>
		<tr id="generatedShow2" style="display:none;">
			<td colspan="2" style="text-align:center;"><center><div id="generatedImage" style="overflow:auto;"></div><img id="loading" src="http://coolonlinetools.net/ajax-loader.gif"/></center></td>
		</tr>
		<tr id="generatedShow3" style="display:none;">
			<td colspan="2" style="color:grey;">Send somebody to this generated link and they'll see your custom error.</td>
		</tr>
		<tr id="generatedShow4" style="display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td colspan="2" style="text-align:center;">
				<button onClick="generate();return false;">Generate Error</button>
			</td>
		</tr>
		<tr>
			<td colspan="2"></br></td>
		</tr>
	</tbody>
</table>
</form>
</div>
<span style="color:grey;">This tool includes icons created by the following artists:</span>
<table><tbody><tr>
<td><a href="http://www.morcha.net" rel="nofollow">Morcha</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.google.com" rel="nofollow">Google</a></td>
<td class="authorBuffer"></td>
<td><a href="http://tatice.deviantart.com" rel="nofollow">Tatice</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.iconshock.com" rel="nofollow">Iconshock</a></td>
</tr><tr>
<td><a href="http://www.yellowicon.com" rel="nofollow">Yellow Icon Design</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.icondrawer.com" rel="nofollow">Eugen Buzuk</a></td>
<td class="authorBuffer"></td>
<td><a href="http://shwz.deviantart.com" rel="nofollow">Nikolov</a></td>
<td class="authorBuffer"></td>
<td><a href="http://artbees.deviantart.com" rel="nofollow">Artbees</a></td>
</tr><tr>
<td><a href="http://www.icons-land.com" rel="nofollow">Icons-Land</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.rad-e8.com" rel="nofollow">Sascha Höhne</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.artua.com" rel="nofollow">Artua</a></td>
<td class="authorBuffer"></td>
<td><a href="http://ahuri.deviantart.com" rel="nofollow">Ahuri</a></td>
</tr><tr>
<td><a href="http://musett.com" rel="nofollow">Alejandro Lopez</a></td>
<td class="authorBuffer"></td>
<td><a href="http://www.everaldo.com" rel="nofollow">Everaldo</a></td>
<td class="authorBuffer"></td>
<td><a href="http://fi3ur.deviantart.com" rel="nofollow">Janosch</a></td>
<td class="authorBuffer"></td>
<td><a href="http://artdesigner.lv" rel="nofollow">Tanya</a></td>
</tr>
</tbody></table>
<span style="color:grey;">Cool Online Tools makes no legal claims to any of the characters or logos depicted in these icons. </br>All copyrighted entities are used under fair use.</span></br></br>
</div>]]></content:encoded>
			<wfw:commentRss>http://coolonlinetools.net/error-generator/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Signature Generator</title>
		<link>http://coolonlinetools.net/signature-generator/</link>
		<comments>http://coolonlinetools.net/signature-generator/#comments</comments>
		<pubDate>Wed, 21 Sep 2011 05:17:01 +0000</pubDate>
		<dc:creator>Cool Online Tools</dc:creator>
				<category><![CDATA[Blog Tools]]></category>

		<guid isPermaLink="false">http://coolonlinetools.net/?p=155</guid>
		<description><![CDATA[Use this simple form to create a custom signature image to sign your blog posts as your own with the style that best reflects who you are as a person and a writer. If you find this tool helpful, please thumbs up and share on StumbleUpon, Facebook or Twitter. filename = ''; ext = ''; [...]]]></description>
			<content:encoded><![CDATA[<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<a href="http://coolonlinetools.net/signature-generator/"><img src="http://coolonlinetools.net/wp-content/uploads/2011/09/buttongenerator10.png" alt="buttongenerator10" title="buttongenerator10" width="223" height="223" class="aligncenter size-full wp-image-157" /></a>
Use this simple form to create a custom signature image to sign your blog posts as your own with the style that best reflects who you are as a person and a writer. If you find this tool helpful, please thumbs up and share on StumbleUpon, Facebook or Twitter.</br></br>

<span id="more-155"></span>
<div style="float:right;">
<link rel="stylesheet" type="text/css" href="http://coolonlinetools.net/script/fileuploader.css" />
<script language="javascript" type="text/javascript" src="http://coolonlinetools.net/script/fileuploader.js"></script>
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
filename = '';
ext = '';
fontSelected = '';
imageSelected = '';
function selectFont(element, fontName) {
	if (fontSelected) {
		fontDeSelected = fontSelected;
		jQuery("#" + fontDeSelected).animate({"border-bottom-color": "#FFFFFF"}, 400);
		jQuery("#" + fontName).animate({"border-bottom-color": "black"}, 400);
		fontSelected = fontName;

	} else {
		jQuery("#" + fontName).animate({"border-bottom-color": "black"}, 400);
		fontSelected = fontName;
	}
}

function selectImage(element, imageName) {
	if (imageSelected) {
		imageNameDeSelected = imageSelected;
		jQuery("#" + imageNameDeSelected).animate({"border-bottom-color": "#FFFFFF"}, 400);
		jQuery("#" + imageName).animate({"border-bottom-color": "black"}, 400);
		imageSelected = imageName;

	} else {
		jQuery("#" + imageName).animate({"border-bottom-color": "black"}, 400);
		imageSelected = imageName;
	}
}

function customColorCheck(value, id) {
	if (value == 'custom') {
		document.getElementById(id).style.display = '';
	} else {
		document.getElementById(id).style.display = 'none';
	}
}

function hideOptions(type, value) {
	if (type == 'fonts') {
		
	} else if (type == 'border') {
		if (value == 1) {
			document.getElementById('borderOptionsColor').style.display = '';
			if (document.getElementById('borderColor').value == 'custom') {
				document.getElementById('borderOptionsCustomColor').style.display = '';
			}
			document.getElementById('borderSpace').style.display = '';
		} else if (value == 2) {
			document.getElementById('borderOptionsColor').style.display = 'none';
			document.getElementById('borderOptionsCustomColor').style.display = 'none';
			document.getElementById('borderSpace').style.display = 'none';
		}
	} else if (type == 'image') {
		if (value == 1) {
			document.getElementById('imageTR1').style.display = '';
			document.getElementById('imageTR2').style.display = '';
			if (document.getElementById('imageSource1').checked) {
				document.getElementById('imageTR3').style.display = '';
				document.getElementById('imageTR4').style.display = '';
			} else if (document.getElementById('imageSource2').checked) {
				document.getElementById('imageTR5').style.display = '';
				document.getElementById('imageTR6').style.display = '';
				document.getElementById('imageTR7').style.display = '';
				document.getElementById('imageTR8').style.display = '';
			}
		} else if (value == 2) {
			document.getElementById('imageTR1').style.display = 'none';
			document.getElementById('imageTR2').style.display = 'none';
			document.getElementById('imageTR3').style.display = 'none';
			document.getElementById('imageTR4').style.display = 'none';
			document.getElementById('imageTR5').style.display = 'none';
			document.getElementById('imageTR6').style.display = 'none';
			document.getElementById('imageTR7').style.display = 'none';
			document.getElementById('imageTR8').style.display = 'none';
		}
	} else if (type == 'imageSource') {
		if (value == 1) {
			document.getElementById('imageTR3').style.display = '';
			document.getElementById('imageTR4').style.display = '';
			document.getElementById('imageTR5').style.display = 'none';
			document.getElementById('imageTR6').style.display = 'none';
			document.getElementById('imageTR7').style.display = 'none';
			document.getElementById('imageTR8').style.display = 'none';
		} else if (value == 2) {
			document.getElementById('imageTR3').style.display = 'none';
			document.getElementById('imageTR4').style.display = 'none';
			document.getElementById('imageTR5').style.display = '';
			document.getElementById('imageTR6').style.display = '';
			document.getElementById('imageTR7').style.display = '';
			document.getElementById('imageTR8').style.display = '';
		}
	}

}

var loading = false;
function generate() {
	if (document.getElementById('imgName').value == '') {
		alert('You must enter a blog name.');
	} else if (fontSelected == '') {
		alert('You must select a font.');
	} else if (document.getElementById('image1').checked && filename == '' && imageSelected == '') {
		alert('You must either upload an image or select that you do not want to add an image.');
	} else {
		document.getElementById('generatedImage').style.display = 'none';
		document.getElementById('loading').style.display = '';
		document.getElementById('generatedShow1').style.display = '';
		document.getElementById('generatedShow2').style.display = '';
		document.getElementById('generatedShow3').style.display = '';
		document.getElementById('generatedShow4').style.display = '';
	
		var url = 'http://coolonlinetools.net/makesignature.php?imgName=' + encodeURIComponent(document.getElementById('imgName').value);

		url += '&font=' + fontSelected;
		if (document.getElementById('fontSize').value == 12) {
			var fontPointSize = 9;
		} else if (document.getElementById('fontSize').value == 14) {
			var fontPointSize = 10.5;
		} else if (document.getElementById('fontSize').value == 16) {
			var fontPointSize = 12;
		} else if (document.getElementById('fontSize').value == 18) {
			var fontPointSize = 13.5;
		} else if (document.getElementById('fontSize').value == 20) {
			var fontPointSize = 14.5;
		} else if (document.getElementById('fontSize').value == 22) {
			var fontPointSize = 16;
		} else if (document.getElementById('fontSize').value == 24) {
			var fontPointSize = 18;
		} else if (document.getElementById('fontSize').value == 26) {
			var fontPointSize = 20;
		} else if (document.getElementById('fontSize').value == 28) {
			var fontPointSize = 22;
		} else if (document.getElementById('fontSize').value == 30) {
			var fontPointSize = 24;
		} else if (document.getElementById('fontSize').value == 34) {
			var fontPointSize = 28;
		} else if (document.getElementById('fontSize').value == 38) {
			var fontPointSize = 32;
		} else if (document.getElementById('fontSize').value == 42) {
			var fontPointSize = 36;
		} else if (document.getElementById('fontSize').value == 46) {
			var fontPointSize = 40;
		} else if (document.getElementById('fontSize').value == 50) {
			var fontPointSize = 44;
		} else if (document.getElementById('fontSize').value == 60) {
			var fontPointSize = 50;
		} else if (document.getElementById('fontSize').value == 70) {
			var fontPointSize = 60;
		} else if (document.getElementById('fontSize').value == 80) {
			var fontPointSize = 70;
		} else if (document.getElementById('fontSize').value == 90) {
			var fontPointSize = 90;
		} else if (document.getElementById('fontSize').value == 100) {
			var fontPointSize = 90;
		}
		url += '&fontSize=' + fontPointSize;
		
		
		if (document.getElementById('fontColor').value == 'custom') {
			url += '&fontColor=' + encodeURIComponent(document.getElementById('customFontColor').value);
		} else {
			url += '&fontColor=' + document.getElementById('fontColor').value;
		}
		
		if (document.getElementById('backgroundColor').value == 'custom') {
			url += '&backgroundColor=' + encodeURIComponent(document.getElementById('customBackgroundColor').value);
		} else {
			url += '&backgroundColor=' + document.getElementById('backgroundColor').value;
		}
		
		if (document.getElementById('border1').checked) {
			url += '&border=1';
			if (document.getElementById('borderColor').value == 'custom') {
				url += '&borderColor=' + encodeURIComponent(document.getElementById('customBorderColor').value);
			} else {
				url += '&borderColor=' + document.getElementById('borderColor').value;
			}
		}
		
		if (document.getElementById('image1').checked) {
			if (document.getElementById('imageSource1').checked && filename != '') {
				url += '&filename=' + encodeURIComponent(filename);
				url += '&ext=' + encodeURIComponent(ext);
				url += '&imageSize=' + encodeURIComponent(document.getElementById('imageSize').value);
				if (document.getElementById('imagePos2').checked) {
					url += '&imagePos=' + encodeURIComponent(document.getElementById('imagePos2').value);
				} else {
					url += '&imagePos=' + encodeURIComponent(document.getElementById('imagePos1').value);
				}
			} else if (document.getElementById('imageSource2').checked && imageSelected != '') {
				url += '&stock=true';
				url += '&filename=' + encodeURIComponent(imageSelected);
				url += '&ext=png';
				url += '&imageSize=' + encodeURIComponent(document.getElementById('imageSizeB').value);
				if (document.getElementById('imagePos2B').checked) {
					url += '&imagePos=' + encodeURIComponent(document.getElementById('imagePos2B').value);
				} else {
					url += '&imagePos=' + encodeURIComponent(document.getElementById('imagePos1B').value);
				}
			}
		}
		
		jQuery.get(url, function(data) {
			document.getElementById('loading').style.display = 'none';
			document.getElementById('generatedImage').style.display = '';
			document.getElementById('generatedImage').innerHTML = data;
		})
		.error(function() { document.getElementById('loading').style.display = 'none';document.getElementById('generatedImage').innerHTML = "There has been an internal server error. Please refresh the page and try again.";document.getElementById('generatedImage').style.display = ''; });
	}
}
</script>
<style type="text/css">
.fontExampleTD {
	text-align:center;
}
.fontExampleImage {
	border-width:1px;
	border-color:white;
	border-style:solid;
}
.BGdescript {
	width:200px !important;
}
.BGoption {
	width:230px !important;
	padding-left:10px !important;
}
.buttonGenerator table, tr, td {
	border-width:0px !important;
}
.seperatorTR {
border-top-width:1px !important;
border-top-style:solid;
border-top-color:lightgrey;
}
</style>

<div id="generatorContainer" width="610">
<form name="buttonGenerator">
<table width="610">
	<tbody>

		<tr>
			<td class="BGdescript"><b>Signature Text:</b></td>
			<td class="BGoption"><input type="text" size="30" maxlength="30" id="imgName" name="imgName" /></td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td colspan="2"><b>Click your desired font:</b></td>
		</tr>
		<tr>
			<td colspan="2">
				<div style="overflow:auto;height:300px;">
					<table>
						<tbody>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="815" src="http://coolonlinetools.net/fontexamples/hand/815.png" onclick="selectFont(this, '815');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="amazingruler" src="http://coolonlinetools.net/fontexamples/hand/amazingruler.png" onclick="selectFont(this, 'amazingruler');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="annoyingkettle" src="http://coolonlinetools.net/fontexamples/hand/annoyingkettle.png" onclick="selectFont(this, 'annoyingkettle');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="babyboston" src="http://coolonlinetools.net/fontexamples/hand/babyboston.png" onclick="selectFont(this, 'babyboston');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="babybowser" src="http://coolonlinetools.net/fontexamples/hand/babybowser.png" onclick="selectFont(this, 'babybowser');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="bosshole" src="http://coolonlinetools.net/fontexamples/hand/bosshole.png" onclick="selectFont(this, 'bosshole');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="charlie" src="http://coolonlinetools.net/fontexamples/hand/charlie.png" onclick="selectFont(this, 'charlie');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="claudiajean" src="http://coolonlinetools.net/fontexamples/hand/claudiajean.png" onclick="selectFont(this, 'claudiajean');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="courtneydorkling" src="http://coolonlinetools.net/fontexamples/hand/courtneydorkling.png" onclick="selectFont(this, 'courtneydorkling');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="everytimeimissyou" src="http://coolonlinetools.net/fontexamples/hand/everytimeimissyou.png" onclick="selectFont(this, 'everytimeimissyou');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="exit" src="http://coolonlinetools.net/fontexamples/hand/exit.png" onclick="selectFont(this, 'exit');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="fontmoochers" src="http://coolonlinetools.net/fontexamples/hand/fontmoochers.png" onclick="selectFont(this, 'fontmoochers');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="highlandperk" src="http://coolonlinetools.net/fontexamples/hand/highlandperk.png" onclick="selectFont(this, 'highlandperk');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="hisnameishoney" src="http://coolonlinetools.net/fontexamples/hand/hisnameishoney.png" onclick="selectFont(this, 'hisnameishoney');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="housesitter" src="http://coolonlinetools.net/fontexamples/hand/housesitter.png" onclick="selectFont(this, 'housesitter');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="imissyou" src="http://coolonlinetools.net/fontexamples/hand/imissyou.png" onclick="selectFont(this, 'imissyou');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="milk" src="http://coolonlinetools.net/fontexamples/hand/milk.png" onclick="selectFont(this, 'milk');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="monsterpaparazzi" src="http://coolonlinetools.net/fontexamples/hand/monsterpaparazzi.png" onclick="selectFont(this, 'monsterpaparazzi');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="nerd" src="http://coolonlinetools.net/fontexamples/hand/nerd.png" onclick="selectFont(this, 'nerd');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="picture" src="http://coolonlinetools.net/fontexamples/hand/picture.png" onclick="selectFont(this, 'picture');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="rhinodino" src="http://coolonlinetools.net/fontexamples/hand/rhinodino.png" onclick="selectFont(this, 'rhinodino');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="showers" src="http://coolonlinetools.net/fontexamples/hand/showers.png" onclick="selectFont(this, 'showers');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="smileymonster" src="http://coolonlinetools.net/fontexamples/hand/smileymonster.png" onclick="selectFont(this, 'smileymonster');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="smittenkitten" src="http://coolonlinetools.net/fontexamples/hand/smittenkitten.png" onclick="selectFont(this, 'smittenkitten');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="sociallyawkward" src="http://coolonlinetools.net/fontexamples/hand/sociallyawkward.png" onclick="selectFont(this, 'sociallyawkward');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="tingle" src="http://coolonlinetools.net/fontexamples/hand/tingle.png" onclick="selectFont(this, 'tingle');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="turtleclub" src="http://coolonlinetools.net/fontexamples/hand/turtleclub.png" onclick="selectFont(this, 'turtleclub');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="CaviarDreams" src="http://coolonlinetools.net/fontexamples/hand/CaviarDreams.png" onclick="selectFont(this, 'CaviarDreams');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="gillesHandwriting" src="http://coolonlinetools.net/fontexamples/hand/gillesHandwriting.png" onclick="selectFont(this, 'gillesHandwriting');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="jamesFajardo" src="http://coolonlinetools.net/fontexamples/hand/jamesFajardo.png" onclick="selectFont(this, 'jamesFajardo');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="likeGiselle" src="http://coolonlinetools.net/fontexamples/hand/likeGiselle.png" onclick="selectFont(this, 'likeGiselle');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="rolina" src="http://coolonlinetools.net/fontexamples/hand/rolina.png" onclick="selectFont(this, 'rolina');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="unnamed" src="http://coolonlinetools.net/fontexamples/hand/unnamed.png" onclick="selectFont(this, 'unnamed');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="akaFrivolity" src="http://coolonlinetools.net/fontexamples/hand/akaFrivolity.png" onclick="selectFont(this, 'akaFrivolity');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="daniel" src="http://coolonlinetools.net/fontexamples/hand/daniel.png" onclick="selectFont(this, 'daniel');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="aredbucket" src="http://coolonlinetools.net/fontexamples/hand/aredbucket.png" onclick="selectFont(this, 'aredbucket');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="digsmyhart" src="http://coolonlinetools.net/fontexamples/hand/digsmyhart.png" onclick="selectFont(this, 'digsmyhart');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="glidergirls" src="http://coolonlinetools.net/fontexamples/hand/glidergirls.png" onclick="selectFont(this, 'glidergirls');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="howser" src="http://coolonlinetools.net/fontexamples/hand/howser.png" onclick="selectFont(this, 'howser');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="mrandmrspopsicle" src="http://coolonlinetools.net/fontexamples/hand/mrandmrspopsicle.png" onclick="selectFont(this, 'mrandmrspopsicle');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="sandals" src="http://coolonlinetools.net/fontexamples/hand/sandals.png" onclick="selectFont(this, 'sandals');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="snowshoe" src="http://coolonlinetools.net/fontexamples/hand/snowshoe.png" onclick="selectFont(this, 'snowshoe');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="angelina" src="http://coolonlinetools.net/fontexamples/hand/angelina.png" onclick="selectFont(this, 'angelina');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="jennaSue" src="http://coolonlinetools.net/fontexamples/hand/jennaSue.png" onclick="selectFont(this, 'jennaSue');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="wade" src="http://coolonlinetools.net/fontexamples/hand/wade.png" onclick="selectFont(this, 'wade');"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="cave" src="http://coolonlinetools.net/fontexamples/hand/cave.png" onclick="selectFont(this, 'cave');"/>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="2" id="codeSizeStyleSpace" class="seperatorTR"></br></td></tr>
		<tr>
		<tr>
			<td class="BGdescript"><b>Font Size:</b></td>
			<td class="BGoption">
				<select name="fontSize" id="fontSize">
					<option value="18">18</option>
					<option value="20">20</option>
					<option value="22">22</option>
					<option value="24">24</option>
					<option value="26">26</option>
					<option value="28">28</option>
					<option value="30">30</option>
					<option value="34">34</option>
					<option value="38">38</option>
					<option value="42">42</option>
					<option value="46">46</option>
					<option value="50">50</option>
					<option value="60">60</option>
					<option value="70">70</option>
					<option value="80">80</option>
					<option value="90">90</option>
					<option value="100">100</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Font Color:</b></td>
			<td class="BGoption">
				<select name="fontColor" id="fontColor" onChange="customColorCheck(this.value, 'fontCustomColor');">
					<option value="black">Black</option>
					<option value="blue">Blue</option>
					<option value="green">Green</option>
					<option value="grey">Grey</option>
					<option value="orange">Orange</option>
					<option value="pink">Pink</option>
					<option value="purple">Purple</option>
					<option value="white">White</option>
					<option value="yellow">Yellow</option>
					<option value="custom">Custom Color</option>
				</select>
			</td>
		</tr>
		<tr id="fontCustomColor" style="display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp Custom Color:</td>
			<td class="BGoption">
				#<input type="text" size="6" maxlength="6" id="customFontColor" name="customFontColor" />
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Background Color:</b></td>
			<td class="BGoption">
				<select name="backgroundColor" id="backgroundColor" onChange="customColorCheck(this.value, 'backgroundCustomColor');">
					<option value="transparent">Transparent</option>
					<option value="black">Black</option>
					<option value="blue">Blue</option>
					<option value="green">Green</option>
					<option value="grey">Grey</option>
					<option value="orange">Orange</option>
					<option value="pink">Pink</option>
					<option value="purple">Purple</option>
					<option value="white">White</option>
					<option value="yellow">Yellow</option>
					<option value="custom">Custom Color</option>
				</select>
			</td>
		</tr>
		<tr id="backgroundCustomColor" style="display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp Custom Color:</td>
			<td class="BGoption">
				#<input type="text" size="6" maxlength="6" id="customBackgroundColor" name="customBackgroundColor" />
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Include Border:</b></td>
			<td class="BGoption">
				<input type="radio" id="border1" name="border" value="1" onClick="hideOptions('border', this.value);" />Border &nbsp&nbsp&nbsp <input type="radio" id="border2" name="border" value="2" onClick="hideOptions('border', this.value);" checked/>No Border
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="borderOptionsColor" style="display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Border Color:</b></td>
			<td class="BGoption">
				<select name="borderColor" id="borderColor" onChange="customColorCheck(this.value, 'borderOptionsCustomColor');"> 
					<option value="black">Black</option>
					<option value="blue">Blue</option>
					<option value="green">Green</option>
					<option value="grey">Grey</option>
					<option value="orange">Orange</option>
					<option value="pink">Pink</option>
					<option value="purple">Purple</option>
					<option value="white">White</option>
					<option value="yellow">Yellow</option>
					<option value="custom">Custom Color</option>
				</select>
			</td>
		</tr>
		<tr id="borderOptionsCustomColor" style="display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspCustom Color:</td>
			<td class="BGoption">
				#<input type="text" size="6" maxlength="6" id="customBorderColor" name="customBorderColor" />
			</td>
		</tr>
		<tr id="borderSpace"  style="display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Add An Image:</b></td>
			<td class="BGoption">
				<input type="radio" id="image1" name="image" value="1" onClick="hideOptions('image', this.value);" checked/>Add Image &nbsp&nbsp&nbsp <input type="radio" id="image2" name="image" value="2" onClick="hideOptions('image', this.value);" />No Image
			</td>
		</tr>
		<tr id="imageTR1">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="imageTR2">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Image Source:</b></td>
			<td class="BGoption">
				<input type="radio" id="imageSource1" name="imageSource" value="1" onClick="hideOptions('imageSource', this.value);" />Upload My Own &nbsp&nbsp&nbsp <input type="radio" id="imageSource2" name="imageSource" value="2" onClick="hideOptions('imageSource', this.value);" checked/>Image Library
			</td>
		</tr>
		<tr id="imageTR3" style="display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="imageTR4" style="display:none;">
			<td colspan="2" style="text-align:center;">
				<table>
					<tbody>
						<tr>
							<td style="width:20px;"></td>
							<td>
								<div id="file-uploader">       
									<noscript>          
										<p>Please enable JavaScript to use file uploader.</p>
										<!-- or put a simple form for upload here -->
									</noscript>         
								</div>
							</td>
							<td id="imagePosTR" style="display:none;">
								Position:</br><input type="radio" id="imagePos1" name="imagePos" value="left" checked/>Left <input type="radio" id="imagePos2" name="imagePos" value="right" />Right
							</td>
							<td style="width:40px;">
							</td>
							<td id="imageSizeTR" style="display:none;">
								Size: 
								<select name="imageSize" id="imageSize"> 
									<option value="34">Tiny</option>
									<option value="68">Small</option>
									<option value="102">Average</option>
									<option value="136">Large</option>
									<option value="170">Huge</option>
								</select>
							</td>
						</tr>
						<tr>
							<td colspan="3" style="color:grey;text-align:left;">Files must be below 1 Megabyte in size and either be a PNG, GIF, or JPG. PNGs and GIFs with transparent backgrounds will keep their transparency.</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
		<tr id="imageTR5">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="imageTR7">
			<td id="imageSizeTR" colspan="2">
				&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Position:</b> <input type="radio" id="imagePos1B" name="imagePosB" value="left" checked/>Left <input type="radio" id="imagePos2B" name="imagePosB" value="right" />Right
				&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
				<b>Size:</b> 
				<select name="imageSizeB" id="imageSizeB"> 
					<option value="34">Tiny</option>
					<option value="68">Small</option>
					<option value="102">Average</option>
					<option value="136">Large</option>
					<option value="170">Huge</option>
				</select>
			</td>
		</tr>
		<tr id="imageTR8">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="imageTR6">
			<td colspan="2">
				<div style="overflow:auto;height:300px;">
					<table>
						<tbody>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="1" src="http://coolonlinetools.net/sig/example/1.png" onclick="selectImage(this, '1');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="2" src="http://coolonlinetools.net/sig/example/2.png" onclick="selectImage(this, '2');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="3" src="http://coolonlinetools.net/sig/example/3.png" onclick="selectImage(this, '3');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="4" src="http://coolonlinetools.net/sig/example/4.png" onclick="selectImage(this, '4');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="5" src="http://coolonlinetools.net/sig/example/5.png" onclick="selectImage(this, '5');"/>
								</td>
							</tr>
							<tr><td></br></td></tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="6" src="http://coolonlinetools.net/sig/example/6.png" onclick="selectImage(this, '6');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="7" src="http://coolonlinetools.net/sig/example/7.png" onclick="selectImage(this, '7');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="8" src="http://coolonlinetools.net/sig/example/8.png" onclick="selectImage(this, '8');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="9" src="http://coolonlinetools.net/sig/example/9.png" onclick="selectImage(this, '9');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="10" src="http://coolonlinetools.net/sig/example/10.png" onclick="selectImage(this, '10');"/>
								</td>
							</tr>
							<tr><td></br></td></tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="15" src="http://coolonlinetools.net/sig/example/15.png" onclick="selectImage(this, '15');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="11" src="http://coolonlinetools.net/sig/example/11.png" onclick="selectImage(this, '11');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="12" src="http://coolonlinetools.net/sig/example/12.png" onclick="selectImage(this, '12');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="13" src="http://coolonlinetools.net/sig/example/13.png" onclick="selectImage(this, '13');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="14" src="http://coolonlinetools.net/sig/example/14.png" onclick="selectImage(this, '14');"/>
								</td>
							</tr>
							<tr><td></br></td></tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="20" src="http://coolonlinetools.net/sig/example/20.png" onclick="selectImage(this, '20');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="16" src="http://coolonlinetools.net/sig/example/16.png" onclick="selectImage(this, '16');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="17" src="http://coolonlinetools.net/sig/example/17.png" onclick="selectImage(this, '17');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="18" src="http://coolonlinetools.net/sig/example/18.png" onclick="selectImage(this, '18');"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="19" src="http://coolonlinetools.net/sig/example/19.png" onclick="selectImage(this, '19');"/>
								</td>
							</tr>
							<tr><td></br></td></tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="21" src="http://coolonlinetools.net/sig/example/21.png" onclick="selectImage(this, '21');"/>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="generatedShow1" style="display:none;">
			<td colspan="2" style="text-align:center;"><b>Generated Image:</b></td>
		</tr>
		<tr id="generatedShow2" style="display:none;">
			<td colspan="2" style="text-align:center;"><center><div id="generatedImage" style="width:600px;overflow:auto;"></div><img id="loading" src="http://coolonlinetools.net/ajax-loader.gif"/></center></td>
		</tr>
		<tr id="generatedShow3" style="display:none;">
			<td colspan="2" style="color:grey;">You may not link to the image you just created currently hosted by Cool Online Tools. All generated signatures are deleted after two minutes. To host your image, right click the above generated signature, then click "Save Image As..." or "Save Picture As..." and save the image to your computer. Then upload the image to your own blog or an image hosting service like <a href="http://imgur.com/" target="_blank">Imgur</a>, <a href="http://picasaweb.google.com/" target="_blank">PicasaWeb</a> or <a href="http://tinypic.com/" target="_blank">TinyPic</a>.</td>
		</tr>
		<tr id="generatedShow4" style="display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td colspan="2" style="text-align:center;">
				<button onClick="generate();return false;">Generate Signature</button>
			</td>
		</tr>
		<tr>
			<td colspan="2"></br></td>
		</tr>
	</tbody>
</table>
</form>
<script type="text/javascript">
document.getElementById('fontSize').selectedIndex = 5;
</script>
</div>
<script type="text/javascript">
	var uploader = new qq.FileUploader({
		// pass the dom node (ex. $(selector)[0] for jQuery users)
		element: document.getElementById('file-uploader'),
		// path to server-side upload script
		action: 'http://coolonlinetools.net/fileUpload.php',
		// url of the server-side upload script, should be on the same domain
		params: {
			param1: 'image'
		},

		// validation    
		// ex. ['jpg', 'jpeg', 'png', 'gif'] or []
		allowedExtensions: ['png', 'PNG', 'gif', 'GIF', 'jpg', 'JPG'],        
		// each file size limit in bytes
		// this option isn't supported in all browsers
		sizeLimit: 1000000, // max size   
		minSizeLimit: 0, // min size

		// set to true to output server response to console
		debug: true,

		// events         
		// you can return false to abort submit
		onSubmit: function(id, fileName){ },
		onProgress: function(id, fileName, loaded, total){ },
		onComplete: function(id, fileName, responseJSON){
			console.log(responseJSON); 
			if (responseJSON.success == false) {
				alert(responseJSON.error);
			} else if (responseJSON.success == true) {
				filename = responseJSON.filename;
				ext = responseJSON.ext;
				document.getElementById('imagePosTR').style.display = '';
				document.getElementById('imageSizeTR').style.display = '';
				 
			}
		},
		onCancel: function(id, fileName){ },

		messages: {
			// error messages, see qq.FileUploaderBasic for content            
		},
		showMessage: function(message){ alert(message); }
	});
</script>
</div>]]></content:encoded>
			<wfw:commentRss>http://coolonlinetools.net/signature-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cool Blog Tool &#124; Disclaimer Image Generator</title>
		<link>http://coolonlinetools.net/disclaimer-image-generator/</link>
		<comments>http://coolonlinetools.net/disclaimer-image-generator/#comments</comments>
		<pubDate>Wed, 14 Sep 2011 17:18:23 +0000</pubDate>
		<dc:creator>Cool Online Tools</dc:creator>
				<category><![CDATA[Blog Tools]]></category>

		<guid isPermaLink="false">http://coolonlinetools.net/?p=116</guid>
		<description><![CDATA[A Cool Blog Tool - Disclaimer Image Generator Why do you need a disclaimer image? If you are a blogger or web based internet marketing guru who receives perks, products and payment and you blog about it, according to the FTC regulations, you need to have a disclaimer; however, if you do this throughout your [...]]]></description>
			<content:encoded><![CDATA[<img src="http://coolonlinetools.net/wp-content/uploads/2011/09/buttongenerator8.png" alt="" title="buttongenerator8" width="223" height="223" class="aligncenter size-full wp-image-117" />
<h3>A Cool Blog Tool - Disclaimer Image Generator</h3>
Why do you need a disclaimer image? If you are a blogger or web based internet marketing guru who receives perks, products and payment and you blog about it, according to the FTC regulations, you need to have a disclaimer; however, if you do this throughout your whole blog in type, you are creating duplicate content over and over as well as flagging your blog to Google that you do paid or sponsored reviews. A solution that we have found at <a href="http://coolonlinetools.net" target="_blank">Cool Online Tools</a> is a disclaimer button or image. This image if placed at the end of your blog can say what you need it to allowing you to be compliant with FTC regulations and save your SEO and Google PR.
<hr>
<span id="more-116"></span>
Fill out the form below to generate a custom disclaimer image for your giveaway so you can be in accordance with American regulations without hurting your SEO.
<h3>Also check out our <a href="http://coolonlinetools.net/online-tools-button-generator-web-based-internet-marketing-online/" target="_blank">Blog Button Generator</a> which allows you to make a button and creates a "grab" code</h3>
</br>
</br>
<div style="float:right;">

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
fontSelected = '';
function selectFont(element, fontName) {
	if (fontSelected) {
		fontDeSelected = fontSelected;
		jQuery("#" + fontDeSelected).animate({"border-bottom-color": "#FFFFFF"}, 400);
		jQuery("#" + fontName).animate({"border-bottom-color": "black"}, 400);
		fontSelected = fontName;

	} else {
		jQuery("#" + fontName).animate({"border-bottom-color": "black"}, 400);

		fontSelected = fontName;
	}
}

function customColorCheck(value, id) {
	if (value == 'custom') {
		document.getElementById(id).style.display = '';
	} else {
		document.getElementById(id).style.display = 'none';
	}
}

function checkPreview() {

	if (document.getElementById('imgName').value != '') {
		if (document.getElementById('paidType1').checked || document.getElementById('paidType2').checked || document.getElementById('paidType3').checked) {
			var html = '<div style="line-height: 140%;width:' + (document.getElementById('width').value-(9*2)) + 'px !important;padding-left:9px !important;padding-right:9px !important;padding-bottom:5px !important;padding-top:5px !important;';
			if (document.getElementById('border1').checked) {
				if (document.getElementById('borderColor').value == 'custom') {
					var bordercolor = document.getElementById('customBorderColor').value;
				} else {
					var bordercolor = document.getElementById('borderColor').value;
				}
				html += 'border-style:solid;border-width:1px;border-color:' + bordercolor + ' !important;';
			}
			
			if (document.getElementById('backgroundColor').value != 'transparent') {
				if (document.getElementById('backgroundColor').value == 'custom') {
					html += 'background-color:' + document.getElementById('customBackgroundColor').value + ' !important;';
				} else {
					html += 'background-color:' + document.getElementById('backgroundColor').value + ' !important;';
				}
			}
			
			if (document.getElementById('fontColor').value == 'custom') {
				var fontcolor = document.getElementById('customFontColor').value;
			} else {
				var fontcolor = document.getElementById('fontColor').value;
			}
			html += 'color:' + fontcolor + ' !important;';
			html += 'font-size:' + document.getElementById('fontSize').value + 'px !important;';
			
			
			if (fontSelected == 'times') {
				html += "font-family:'Times New Roman', times !important;";
			} else if (fontSelected == 'arial') {
				html += 'font-family:Arial, Helvetica !important;';
			} else if (fontSelected == 'candara') {
				html += 'font-family:Candara;';
			} else if (fontSelected == 'couriernew') {
				html += "font-family:'Courier New', Courier, monospace !important;";
			} else if (fontSelected == 'georgia') {
				html += 'font-family:georgia,garamond,serif !important;';
			} else if (fontSelected == 'palatino') {
				html += "font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif !important;";
			} else if (fontSelected == 'verdana') {
				html += 'font-family:Verdana, Geneva, sans-serif !important;';
			} else if (fontSelected == 'trebuchet') {
				html += "font-family:'Trebuchet MS', Helvetica, sans-serif !important;";
			}
			
			html += "margin-right:auto !important;margin-left:auto !important;";
			
			html += '">';
			var text = document.getElementById('imgName').value + ' ';
			
			if (document.getElementById('paidType1').checked && !document.getElementById('paidType2').checked && !document.getElementById('paidType3').checked) {
				text += 'received one or more of the products mentioned above for free for evaluation purposes. ';
			} else if (document.getElementById('paidType2').checked && !document.getElementById('paidType1').checked && !document.getElementById('paidType3').checked) {
				text += 'received compensation to write this post. ';
			} else if (document.getElementById('paidType3').checked && !document.getElementById('paidType1').checked && !document.getElementById('paidType2').checked) {
				text += 'is an affiliate of one or more of the products and banners you will see on this site. ';
			} else if (document.getElementById('paidType1').checked && document.getElementById('paidType2').checked && !document.getElementById('paidType3').checked) {
				text += 'received one or more of the products mentioned above for free for evaluation purposes and received compensation to write this post. ';
			} else if (document.getElementById('paidType2').checked && document.getElementById('paidType3').checked && !document.getElementById('paidType1').checked) {
				text += 'received compensation to write this post and is an affiliate of one or more of the products and banners you will see on this site. ';
			} else if (document.getElementById('paidType1').checked && document.getElementById('paidType3').checked && !document.getElementById('paidType2').checked) {
				text += 'received one or more of the products mentioned above for free for evaluation purposes and is an affiliate of one or more of the products and banners you will see on this site. ';
			} else if (document.getElementById('paidType1').checked && document.getElementById('paidType2').checked && document.getElementById('paidType3').checked) {
				text += 'received one or more of the products mentioned above for free for evaluation purposes, received compensation to write this post and is an affiliate of one or more of the products and banners you will see on this site. ';
			}
			text += 'Regardless, all opinions expressed are still 100% my own. I am disclosing this in accordance with the Federal Trade Commissions 16 CFR, Part 255 Guides Concerning the Use of Endorsements and Testimonials In Advertising. ';
			text += document.getElementById('imgName').value + ' Disclosure.';
			html += text;
			html += '</div>';
			
			document.getElementById('previewTD').innerHTML = html;
		} else {
			document.getElementById('previewTD').innerHTML = '';
		}
	}
}

function hideOptions(type, value) {
	if (type == 'fonts') {
		
	} else if (type == 'border') {
		if (value == 1) {
			document.getElementById('borderOptionsColor').style.display = '';
			if (document.getElementById('borderColor').value == 'custom') {
				document.getElementById('borderOptionsCustomColor').style.display = '';
			}
			document.getElementById('borderSpace').style.display = '';
		} else if (value == 2) {
			document.getElementById('borderOptionsColor').style.display = 'none';
			document.getElementById('borderOptionsCustomColor').style.display = 'none';
			document.getElementById('borderSpace').style.display = 'none';
		}
	}

}

var loading = false;
function generate() {
	if (document.getElementById('imgName').value == '') {
		alert('You must enter a blog name.');
	} else if (!document.getElementById('paidType1').checked && !document.getElementById('paidType2').checked && !document.getElementById('paidType3').checked) {
		alert('You must select what you want to disclose.');
	} else if (fontSelected == '') {
		alert('You must select a font.');
	} else {
		document.getElementById('generatedImage').style.display = 'none';
		document.getElementById('loading').style.display = '';
		document.getElementById('generatedShow1').style.display = '';
		document.getElementById('generatedShow2').style.display = '';
		document.getElementById('generatedShow3').style.display = '';
		document.getElementById('generatedShow4').style.display = '';
	
		var url = 'http://coolonlinetools.net/makedisclaimer.php?imgName=' + encodeURIComponent(document.getElementById('imgName').value);
		
		if (document.getElementById('paidType1').checked && !document.getElementById('paidType2').checked && !document.getElementById('paidType3').checked) {
			url += '&paidType=1';
		} else if (document.getElementById('paidType2').checked && !document.getElementById('paidType1').checked && !document.getElementById('paidType3').checked) {
			url += '&paidType=2';
		} else if (document.getElementById('paidType3').checked && !document.getElementById('paidType1').checked && !document.getElementById('paidType2').checked) {
			url += '&paidType=3';
		} else if (document.getElementById('paidType1').checked && document.getElementById('paidType2').checked && !document.getElementById('paidType3').checked) {
			url += '&paidType=4';
		} else if (document.getElementById('paidType2').checked && document.getElementById('paidType3').checked && !document.getElementById('paidType1').checked) {
			url += '&paidType=5';
		} else if (document.getElementById('paidType1').checked && document.getElementById('paidType3').checked && !document.getElementById('paidType2').checked) {
			url += '&paidType=6';
		} else if (document.getElementById('paidType1').checked && document.getElementById('paidType2').checked && document.getElementById('paidType3').checked) {
			url += '&paidType=7';
		}
		url += '&width=' + document.getElementById('width').value;
		url += '&font=' + fontSelected;
		if (document.getElementById('fontSize').value == 12) {
			var fontPointSize = 9;
		} else if (document.getElementById('fontSize').value == 8) {
			var fontPointSize = 6;
		} else if (document.getElementById('fontSize').value == 10) {
			var fontPointSize = 7.5;
		} else if (document.getElementById('fontSize').value == 14) {
			var fontPointSize = 10.5;
		} else if (document.getElementById('fontSize').value == 16) {
			var fontPointSize = 12;
		}
		url += '&fontSize=' + fontPointSize;
		
		
		if (document.getElementById('fontColor').value == 'custom') {
			url += '&fontColor=' + encodeURIComponent(document.getElementById('customFontColor').value);
		} else {
			url += '&fontColor=' + document.getElementById('fontColor').value;
		}
		
		if (document.getElementById('backgroundColor').value == 'custom') {
			url += '&backgroundColor=' + encodeURIComponent(document.getElementById('customBackgroundColor').value);
		} else {
			url += '&backgroundColor=' + document.getElementById('backgroundColor').value;
		}
		
		if (document.getElementById('border1').checked) {
			url += '&border=1';
			if (document.getElementById('borderColor').value == 'custom') {
				url += '&borderColor=' + encodeURIComponent(document.getElementById('customBorderColor').value);
			} else {
				url += '&borderColor=' + document.getElementById('borderColor').value;
			}
		}
		
		jQuery.get(url, function(data) {
			document.getElementById('loading').style.display = 'none';
			document.getElementById('generatedImage').style.display = '';
			document.getElementById('generatedImage').innerHTML = data;
		})
		.error(function() { document.getElementById('loading').style.display = 'none';document.getElementById('generatedImage').innerHTML = "There has been an internal server error. Please refresh the page and try again.";document.getElementById('generatedImage').style.display = ''; });
	}
}
</script>
<style type="text/css">
.fontExampleTD {
	text-align:center;
}
.fontExampleImage {
	border-width:1px;
	border-color:white;
	border-style:solid;
}
.BGdescript {
	width:200px !important;
}
.BGoption {
	width:230px !important;
	padding-left:10px !important;
}
.buttonGenerator table, tr, td {
	border-width:0px !important;
}
.seperatorTR {
border-top-width:1px !important;
border-top-style:solid;
border-top-color:lightgrey;
}
</style>

<div id="generatorContainer" width="610">
<form name="buttonGenerator">
<table width="610">
	<tbody>

		<tr>
			<td class="BGdescript"><b>Blog Name:</b></td>
			<td class="BGoption"><input type="text" size="30" maxlength="30" id="imgName" name="imgName" onChange="checkPreview();"/></td>
		<tr>
			<td colspan="2" style="color:grey;">For example: Kat's Reviews & Giveaways</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>What Would You Like To Disclose:</b></td>
		</tr>
		<tr>
			<td class="BGdescript" colspan="2"><input type="checkbox" id="paidType1" name="paidType" value="1" onClick="checkPreview();" checked/>Free Product <input type="checkbox" id="paidType2" name="paidType" value="2" onClick="checkPreview();" />Compensated Review <input type="checkbox" id="paidType3" name="paidType" value="3" onClick="checkPreview();" />Affiliate Links 
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">Did you receive a free product, were you financially compensated for the review, or does the post contain affiliate links? Only one option needs to be checked, but you can select all three.</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td colspan="2"><b>Click your desired font:</b></td>
		</tr>
		<tr>
			<td colspan="2">
				<div style="text-overflow:scrolling;height:100px;">
					<table>
						<tbody>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="arial" src="http://coolonlinetools.net/fontexamples/Arial.png" onclick="selectFont(this, 'arial');checkPreview();"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="candara" src="http://coolonlinetools.net/fontexamples/Candara.png" onclick="selectFont(this, 'candara');checkPreview();"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="couriernew" src="http://coolonlinetools.net/fontexamples/Couriernew.png" onclick="selectFont(this, 'couriernew');checkPreview();"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="georgia" src="http://coolonlinetools.net/fontexamples/Georgia.png" onclick="selectFont(this, 'georgia');checkPreview();"/>
								</td>
							</tr>
							<tr style="height:10px;">
							</tr>
							<tr>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="palatino" src="http://coolonlinetools.net/fontexamples/Palatino.png" onclick="selectFont(this, 'palatino');checkPreview();"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="times" src="http://coolonlinetools.net/fontexamples/Times.png" onclick="selectFont(this, 'times');checkPreview();"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="trebuchet" src="http://coolonlinetools.net/fontexamples/Trebuchet.png" onclick="selectFont(this, 'trebuchet');checkPreview();"/>
								</td>
								<td style="width:40px;">
								</td>
								<td class="fontExampleTD">
									<img class="fontExampleImage" id="verdana" src="http://coolonlinetools.net/fontexamples/Verdana.png" onclick="selectFont(this, 'verdana');checkPreview();"/>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="2" id="codeSizeStyleSpace" class="seperatorTR"></br></td></tr>
		<tr>
		<tr id="codeSizeStyle">
			<td class="BGdescript"><b>Size of Disclaimer:</b></td>
			<td class="BGoption">Width <span id="widthSpan"></span>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Font Size:</b></td>
			<td class="BGoption">
				<select name="fontSize" id="fontSize" onChange="checkPreview();">
					<option value="12">12</option>
					<option value="8">8</option>
					<option value="10">10</option>
					<option value="14">14</option>
					<option value="16">16</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Font Color:</b></td>
			<td class="BGoption">
				<select name="fontColor" id="fontColor" onChange="customColorCheck(this.value, 'fontCustomColor');checkPreview();">
					<option value="black">Black</option>
					<option value="blue">Blue</option>
					<option value="green">Green</option>
					<option value="grey">Grey</option>
					<option value="orange">Orange</option>
					<option value="pink">Pink</option>
					<option value="purple">Purple</option>
					<option value="white">White</option>
					<option value="yellow">Yellow</option>
					<option value="custom">Custom Color</option>
				</select>
			</td>
		</tr>
		<tr id="fontCustomColor" style="display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp Custom Color:</td>
			<td class="BGoption">
				#<input type="text" size="6" maxlength="6" id="customFontColor" name="customFontColor" onChange="checkPreview();"/>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Background Color:</b></td>
			<td class="BGoption">
				<select name="backgroundColor" id="backgroundColor" onChange="customColorCheck(this.value, 'backgroundCustomColor');checkPreview();">
					<option value="transparent">Transparent</option>
					<option value="black">Black</option>
					<option value="blue">Blue</option>
					<option value="green">Green</option>
					<option value="grey">Grey</option>
					<option value="orange">Orange</option>
					<option value="pink">Pink</option>
					<option value="purple">Purple</option>
					<option value="white">White</option>
					<option value="yellow">Yellow</option>
					<option value="custom">Custom Color</option>
				</select>
			</td>
		</tr>
		<tr id="backgroundCustomColor" style="display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp Custom Color:</td>
			<td class="BGoption">
				#<input type="text" size="6" maxlength="6" id="customBackgroundColor" name="customBackgroundColor" onChange="checkPreview();"/>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td class="BGdescript"><b>Include Border:</b></td>
			<td class="BGoption">
				<input type="radio" id="border1" name="border" value="1" onClick="hideOptions('border', this.value);checkPreview();" checked/>Border <input type="radio" id="border2" name="border" value="2" onClick="hideOptions('border', this.value);checkPreview();" />No Border
			</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="borderOptionsColor">
			<td class="BGdescript"><b>Border Color:</b></td>
			<td class="BGoption">
				<select name="borderColor" id="borderColor" onChange="customColorCheck(this.value, 'borderOptionsCustomColor');checkPreview();"> 
					<option value="black">Black</option>
					<option value="blue">Blue</option>
					<option value="green">Green</option>
					<option value="grey">Grey</option>
					<option value="orange">Orange</option>
					<option value="pink">Pink</option>
					<option value="purple">Purple</option>
					<option value="white">White</option>
					<option value="yellow">Yellow</option>
					<option value="custom">Custom Color</option>
				</select>
			</td>
		</tr>
		<tr id="borderOptionsCustomColor" style="display:none;">
			<td class="BGdescript">&nbsp&nbsp&nbsp&nbsp&nbsp Custom Color:</td>
			<td class="BGoption">
				#<input type="text" size="6" maxlength="6" id="customBorderColor" name="customBorderColor" onChange="checkPreview();"/>
			</td>
		</tr>
		<tr id="borderSpace">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td colspan="2" style="text-align:center;"><b>Preview:</b></td>
		</tr>
		<tr>
			<td colspan="2"><div id="previewTD"></div></td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">The above preview is a live html representation of the options you have selected and may look different than the generated image, especially if you do not have the selected fonts installed on your computer.</td>
		</tr>
		<tr>
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr id="generatedShow1" style="display:none;">
			<td colspan="2" style="text-align:center;"><b>Generated Image:</b></td>
		</tr>
		<tr id="generatedShow2" style="display:none;">
			<td colspan="2" style="text-align:center;"><div id="generatedImage"></div><img id="loading" src="http://coolonlinetools.net/ajax-loader.gif"/></td>
		</tr>
		<tr id="generatedShow3" style="display:none;">
			<td colspan="2" style="color:grey;">You may not link to the image you just created currently hosted by Cool Online Tools. All generated disclaimers are deleted after two minutes. To host your image, right click the above generated disclaimer, then click "Save Image As..." or "Save Picture As..." and save the image to your computer. Then upload the image to your own blog or an image hosting service like <a href="http://imgur.com/" target="_blank">Imgur</a>, <a href="http://picasaweb.google.com/" target="_blank">PicasaWeb</a> or <a href="http://tinypic.com/" target="_blank">TinyPic</a>.</td>
		</tr>
		<tr id="generatedShow4" style="display:none;">
			<td colspan="2" class="seperatorTR"></br></td>
		</tr>
		<tr>
			<td colspan="2" style="text-align:center;">
				<button onClick="generate();return false;">Generate Disclaimer Image</button>
			</td>
		</tr>
		<tr>
			<td colspan="2"></br></td>
		</tr>
	</tbody>
</table>
</form>

<script type="text/javascript">
var widthSpan = '<select name="width" id="width" onChange="checkPreview();">';
for (var i=250; i<610; i=i+50) {
	widthSpan += '<option value="' + i + '">' + i + '</option>';
}
widthSpan += '</select>';
document.getElementById('widthSpan').innerHTML = widthSpan;
document.getElementById('width').selectedIndex = 5;
</script>
</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://coolonlinetools.net/disclaimer-image-generator/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Button Generator &#124; Web based Internet Marketing Online Tools</title>
		<link>http://coolonlinetools.net/online-tools-button-generator-web-based-internet-marketing-online/</link>
		<comments>http://coolonlinetools.net/online-tools-button-generator-web-based-internet-marketing-online/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 03:57:48 +0000</pubDate>
		<dc:creator>Cool Online Tools</dc:creator>
				<category><![CDATA[Blog Tools]]></category>
		<category><![CDATA[blog add ons]]></category>
		<category><![CDATA[blog tools]]></category>
		<category><![CDATA[button generator]]></category>

		<guid isPermaLink="false">http://coolonlinetools.net/?p=5</guid>
		<description><![CDATA[Web based Internet Marketing Online Tools Looking for a way to help with your Web based Internet Marketing Online? Try a few of our Cool Online Tools like this Button Generator. Make sure when you copy and paste the code you publish from the html side and not the visual side of your blog. function [...]]]></description>
			<content:encoded><![CDATA[<a href="http://coolonlinetools.net/wp-content/uploads/2011/09/buttongenerator71.png"><img src="http://coolonlinetools.net/wp-content/uploads/2011/09/buttongenerator71.png" alt="Button Generator" title="Button Generator" width="223" height="223" class="aligncenter size-full wp-image-32" /></a>
<h3>Web based Internet Marketing Online Tools</h3>
Looking for a way to help with your Web based Internet Marketing Online? 
Try a few of our Cool Online Tools like this Button Generator. Make sure when you copy and paste the code you publish from the html side and not the visual side of your blog.
<script type="text/javascript">
function checkPreview(action) {
	var linkBegin, linkEnd, imgTag, textAreaBegin, textAreaEnd;
	if (document.getElementById('url').value != '' && document.getElementById('imgUrl').value != '') {
		if (document.getElementById('nofollow1').checked == true) {
			if (document.getElementById('newWindow1').checked == true) {
				linkBegin = '<a href="' + document.getElementById('url').value + '" target="_blank" rel="nofollow">';
			} else {
				linkBegin = '<a href="' + document.getElementById('url').value + '" rel="nofollow">';
			}
		} else {
			if (document.getElementById('newWindow1').checked == true) {
				linkBegin = '<a href="' + document.getElementById('url').value + '" target="_blank">';
			} else {
				linkBegin = '<a href="' + document.getElementById('url').value + '">';
			}
		}
		imgTag = '<img border="0" alt="' + document.getElementById('alt').value + '" src="' + document.getElementById('imgUrl').value + '">';;
		linkEnd = '</a>';
		textAreaBegin = '<textarea rows="' + document.getElementById('height').value + '" cols="' + document.getElementById('width').value + '">';
		textAreaEnd = '</textarea>';
		
		var radios = document.getElementsByName('alignment'); 
		for (var i=0; i<radios.length; i++) {
			var input = radios[ i ];    
			if (input.type == 'radio' && input.name == 'alignment' && input.checked) {                          
				checkedAlignment = input.value;
				break;
			}
		}
		document.getElementById('thisButtonAlignment').style.textAlign = checkedAlignment;
		
		if (document.getElementById('generatorType1').checked == true) {
			document.getElementById('imgPreview').innerHTML = linkBegin + imgTag + linkEnd;
			document.getElementById('codePreview').innerHTML = textAreaBegin + linkBegin + imgTag + linkEnd + textAreaEnd;
		} else if (document.getElementById('generatorType2').checked == true) {
			document.getElementById('imgPreview').innerHTML = linkBegin + imgTag + linkEnd;
			document.getElementById('codePreview').innerHTML = '';
		}
		
		if (action == 'generate') {
			if (document.getElementById('generatorType1').checked == true) {
				document.getElementById('buttonGrabCode').innerHTML = '<div style="text-align:' + checkedAlignment + ';"><div>' + linkBegin + imgTag + linkEnd + '</div><div>' + textAreaBegin + linkBegin + imgTag + linkEnd + textAreaEnd + '</div></div>';
			} else if (document.getElementById('generatorType2').checked == true) {
				document.getElementById('buttonGrabCode').innerHTML = linkBegin + imgTag + linkEnd;
			}
		}
	}
}

function hideOptions() {
	if (document.getElementById('generatorType1').checked == true) {
		document.getElementById('codeSizeStyle').style.display = '';
		document.getElementById('alignmentStyle').style.display = '';
		document.getElementById('codeSizeStyleSpace').style.display = '';
		document.getElementById('alignmentStyleSpace').style.display = '';
	} else if (document.getElementById('generatorType2').checked == true) {
		document.getElementById('codeSizeStyle').style.display = 'none';
		document.getElementById('alignmentStyle').style.display = 'none';
		document.getElementById('codeSizeStyleSpace').style.display = 'none';
		document.getElementById('alignmentStyleSpace').style.display = 'none';
	}
}

</script>
<style type="text/css">
.BGdescript {
	width:200px !important;
}
.BGoption {
	width:230px !important;
	padding-left:10px !important;
}
.buttonGenerator table, tr, td {
	border-width:0px !important;
}
</style>

<div id="generatorContainer" width="430">
<form name="buttonGenerator">
<table width="430">
	<tbody>
		<tr>
			<td colspan="2" style="color:grey;">To see see a preview at the bottom you must fill out "Make A Button Grabber Or Just A Button", "Button Image URL" & "URL The Button Links To".</td>
		</tr>
		<tr>
			<td colspan="2"></br></td></tr>
		<tr>
		<tr>
			<td class="BGdescript">Make A Button Grabber Or Just A Button:</td>
			<td class="BGoption"><input type="radio" id="generatorType1" name="generatorType" value="1" onClick="hideOptions();checkPreview();" />Grabber <input type="radio" id="generatorType2" name="generatorType" value="2" onClick="hideOptions();checkPreview();" />Just Button</td>
		<tr>
		<tr>
			<td colspan="2"></br></td></tr>
		<tr>
		<tr>
			<td class="BGdescript">Button Image URL:</td>
			<td class="BGoption"><input type="text" size="24" id="imgUrl" name="imgUrl" onChange="checkPreview();"/></td>
		<tr>
			<td colspan="2" style="color:grey;">For example: http://www.mywebsite.com/myButton.jpg</td>
		</tr>
		<tr>
			<td colspan="2"></br></td></tr>
		<tr>
		</tr>
		<tr>
			<td class="BGdescript">Image Alt Text:</td>
			<td class="BGoption"><input type="text" size="24" id="alt" name="alt" onChange="checkPreview();"/></td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">This text is used for browsers not displaying images and by search engines to figure out what the image is.</td>
		</tr>
		<tr>
			<td colspan="2"></br></td></tr>
		<tr>
		<tr>
			<td class="BGdescript">URL The Button Links To:</td>
			<td class="BGoption"><input type="text" size="24" id="url" name="url" onChange="checkPreview();"/></td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">For example: http://www.mywebsite.com/</td>
		</tr>
		<tr>
			<td colspan="2"></br></td></tr>
		<tr>
		<tr>
			<td class="BGdescript">Open Link In New Window:</td>
			<td class="BGoption"><input type="radio" id="newWindow1" name="newWindow" value="1" onClick="checkPreview();"/>Yes <input type="radio" id="newWindow2" name="newWindow" value="2" onClick="checkPreview();"/>No</td>
		</tr>
		<tr>
			<td colspan="2" style="color:grey;">When your button is clicked, do you want your link to open in a new tab/window?</td>
		</tr>
		<tr>
			<td colspan="2"></br></td></tr>
		<tr>
		<tr>
			<td class="BGdescript">Tell Google Not To Follow Your Link:</td>
			<td class="BGoption"><input type="radio" id="nofollow1" name="nofollow" value="1" onClick="checkPreview();" />Yes <input type="radio" id="nofollow2" name="nofollow" value="2" onClick="checkPreview();" checked/>No</td>
		</tr>
		<tr>
			<td colspan="2" id="codeSizeStyleSpace"></br></td></tr>
		<tr>
		<tr id="codeSizeStyle">
			<td class="BGdescript">Size Of Code Box:</td>
			<td class="BGoption">Width <span id="widthSpan"></span>&nbsp Height <span id="heightSpan"></span>
			</td>
		</tr>
		<tr>
			<td colspan="2" id="alignmentStyleSpace"></br></td></tr>
		<tr>
		<tr id="alignmentStyle">
			<td class="BGdescript">Alignment:</td>
			<td class="BGoption"><input type="radio" id="alignment1" name="alignment" value="left" onClick="checkPreview();"/>Left <input type="radio" id="alignment2" name="alignment" value="center" onClick="checkPreview();" checked/>Center <input type="radio" id="alignmen3" name="alignment" value="right" onClick="checkPreview();"/>Right</td>
		</tr>
	</tbody>
</table>
</form>

<script type="text/javascript">
var widthSpan = '<select name="width" id="width" onChange="checkPreview();">';
for (var i=1; i<36; i++) {
	widthSpan += '<option value="' + i + '">' + i + '</option>';
}
widthSpan += '</select>';
document.getElementById('widthSpan').innerHTML = widthSpan;
document.getElementById('width').selectedIndex = 14;

var heightSpan = '<select name="height" id="height" onChange="checkPreview();">';
for (var i=1; i<16; i++) {
	heightSpan += '<option value="' + i + '">' + i + '</option>';
}
heightSpan += '</select>';
document.getElementById('heightSpan').innerHTML = heightSpan;
document.getElementById('height').selectedIndex = 3;
</script>

<div style="text-align:center;width:310px;">
Preview
<div style="border-style:solid; border-width:1px; border-color:black; width:300; text-align:center;">
	<div id="thisButtonAlignment">
		<div id="imgPreview"></div>
		<div id="codePreview"></div>
	</div>
</div>
</br></br>
<button onClick="checkPreview('generate');">Generate Code</button>
</br></br>
Code
<div style="width:300; text-align:center;">
	<textarea rows="5" cols="25" id="buttonGrabCode"></textarea>
</div>
</div>

</div>If you liked this Web based Internet Marketing Online Tool, please give us a thumbs up by pressing the StumbleUpon button!<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>]]></content:encoded>
			<wfw:commentRss>http://coolonlinetools.net/online-tools-button-generator-web-based-internet-marketing-online/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>

