var perline = 9;var divSet = false;var curId;var colorLevels = Array('0', '3', '6', '9', 'C', 'F');var colorArray = Array();var ie = false;var nocolor = 'none';if (document.all) { ie = true; nocolor = ''; }function getObj(id) {if (ie) { return document.all[id]; } else {	return document.getElementById(id);	}}function addColor(r, g, b) {var red = colorLevels[r];var green = colorLevels[g];var blue = colorLevels[b];addColorValue(red, green, blue);}function addColorValue(r, g, b) {colorArray[colorArray.length] = '#' + r + r + g + g + b + b;}function setColor(color) {var link = getObj(curId);var field = getObj(curId + 'field');var picker = getObj('colorpicker');field.value = color;if (color == '') {	link.style.background = nocolor;	link.style.color = nocolor;	color = nocolor;} else {	link.style.background = color;	link.style.color = color;}picker.style.display = 'none';switch(curId){	case 'bgcolor':document.getElementById('preview').style.backgroundColor = color;break;	case 'bordercolor':document.getElementById('preview').style.borderColor = color;break;	case 'fontcolor':document.getElementById('preview').style.color = color;break;}eval(getObj(curId + 'field').title);}function setDiv() {     if (!document.createElement) { return; }var elemDiv = document.createElement('div');if (typeof(elemDiv.innerHTML) != 'string') { return; }genColors();elemDiv.id = 'colorpicker';elemDiv.style.position = 'absolute';elemDiv.style.display = 'none';elemDiv.style.border = '#000000 1px solid';elemDiv.style.background = '#FFFFFF';elemDiv.innerHTML = '<span style="font-family:Verdana; font-size:11px;">Pick a color: ' 	+ '(<a href="javascript:setColor(\'\');">No color</a>)<br>' 	+ getColorTable() 	+ '</span>';document.body.appendChild(elemDiv);divSet = true;}function pickColor(id) {if (!divSet) { setDiv(); }var picker = getObj('colorpicker');if (id == curId && picker.style.display == 'block') {	picker.style.display = 'none';	return;}curId = id;var thelink = getObj(id);picker.style.top = getAbsoluteOffsetTop(thelink) + 20 +'px';picker.style.left = getAbsoluteOffsetLeft(thelink) +'px';    picker.style.display = 'block';}function genColors() {addColorValue('0','0','0');addColorValue('3','3','3');addColorValue('6','6','6');addColorValue('8','8','8');addColorValue('9','9','9');addColorValue('A','A','A');addColorValue('C','C','C');addColorValue('E','E','E');addColorValue('F','F','F');for (a = 1; a < colorLevels.length; a++)	addColor(0,0,a);for (a = 1; a < colorLevels.length - 1; a++)	addColor(a,a,5);for (a = 1; a < colorLevels.length; a++)	addColor(0,a,0);for (a = 1; a < colorLevels.length - 1; a++)	addColor(a,5,a);	for (a = 1; a < colorLevels.length; a++)	addColor(a,0,0);for (a = 1; a < colorLevels.length - 1; a++)	addColor(5,a,a);for (a = 1; a < colorLevels.length; a++)	addColor(a,a,0);for (a = 1; a < colorLevels.length - 1; a++)	addColor(5,5,a);	for (a = 1; a < colorLevels.length; a++)	addColor(0,a,a);for (a = 1; a < colorLevels.length - 1; a++)	addColor(a,5,5);for (a = 1; a < colorLevels.length; a++)	addColor(a,0,a);for (a = 1; a < colorLevels.length - 1; a++)	addColor(5,a,5);	return colorArray;}function getColorTable() {var colors = colorArray;var tableCode = '';tableCode += '<table border="0" cellspacing="1" cellpadding="1">';for (i = 0; i < colors.length; i++) {if (i % perline == 0) { tableCode += '<tr>'; }tableCode += '<td bgcolor="#000000"><a style="outline: 1px solid #000000; color: '+ colors[i] + '; background: ' + colors[i] + ';font-size: 10px;" title="'+ colors[i] + '" href="javascript:setColor(\'' + colors[i] + '\');">&nbsp;&nbsp;&nbsp;</a></td>';if (i % perline == perline - 1) { tableCode += '</tr>'; }}if (i % perline != 0) { tableCode += '</tr>'; }tableCode += '</table>';return tableCode;}function relateColor(id, color) {var link = getObj(id);if (color == '') {	link.style.background = nocolor;	link.style.color = nocolor;	color = nocolor;} else {	link.style.background = color;	link.style.color = color;}eval(getObj(id + 'field').title);}function getAbsoluteOffsetTop(obj) {var top = obj.offsetTop;var parent = obj.offsetParent;while (parent != document.body) {	top += parent.offsetTop;	parent = parent.offsetParent;}return top;}function getAbsoluteOffsetLeft(obj) {var left = obj.offsetLeft;var parent = obj.offsetParent;while (parent != document.body) {	left += parent.offsetLeft;	parent = parent.offsetParent;}return left;} function addText(elementId, from){if(document.getElementById(elementId).innerHTML == "Marquee Text"){	document.getElementById(elementId).innerHTML = '';}document.getElementById(elementId).innerHTML +=  " " + document.getElementById(from).value;}function addImage(elementId, from){if(document.getElementById(elementId).innerHTML == 'Marquee Text'){	document.getElementById(elementId).innerHTML = '';}if(from.value != ' ' || from.value != ''){	document.getElementById(elementId).innerHTML += '<img src="' + document.getElementById(from).value + '" />';}var directionTemp = document.getElementById(elementId).direction;document.getElementById(elementId).direction = 'up';document.getElementById(elementId).direction = directionTemp;}function changeFont(elementId, from){document.getElementById(elementId).style.fontFamily = from.value;}function changeFontSize(elementId, from){document.getElementById(elementId).style.fontSize = from.value;}function changeWidth(elementId, from){if(from.value == ''){	document.getElementById(elementId).style.width = '100%';}else{	document.getElementById(elementId).style.width = from.value + 'px';}}function changeHeight(elementId, from){if(from.value == ''){	document.getElementById(elementId).style.height = 'auto';}else{	document.getElementById(elementId).style.height = from.value + 'px';	}document.getElementById(elementId).direction = 	document.getElementById(elementId).direction}function changeBorderWidth(elementId, from){if(	document.getElementById(elementId).style.borderStyle == '' || document.getElementById(elementId).style.borderStyle == 'none'){document.getElementById(elementId).style.borderStyle = 'solid';}document.getElementById(elementId).style.borderWidth = from.value;}function changeBorderStyle(elementId, from){document.getElementById(elementId).style.borderStyle = from.value;}function changeDirection(elementId, from){var behav = document.getElementById(elementId).behavior;document.getElementById(elementId).direction = from.value;if(document.getElementById(elementId).direction == 'left' || document.getElementById(elementId).direction == 'right'){	document.getElementById(elementId).style.height = 'auto';	document.getElementById('style_height').disabled = true;} else {	document.getElementById('style_height').disabled = false;}document.getElementById(elementId).behavior = behav;}function changeBehavior(elementId, from){document.getElementById(elementId).behavior = from.value;}function changeSpeed(elementId, from){document.getElementById(elementId).scrollAmount = from.value;}function changeFontColor(elementId, from){document.getElementById(elementId).style.color = from.value;}function changeBgColor(elementId, from){ if(document.layers){document.layers[elementId].bgColor = from.value;}if(document.all){	document.all.q.style.backgroundColor = from.value;}if(!document.all && document.getElementById){ document.getElementById(elementId).style.backgroundColor = from.value;	} }function generateCode(elementId){code = '<marquee style="';if (document.getElementById('bgcolorfield').value != ""){	code += 'background-color:' + document.getElementById('bgcolorfield').value + '; ';}if (document.getElementById('style_borderwidth').value != ""){	code += 'border-width:' + document.getElementById('style_borderwidth').value + '; ';}if (document.getElementById('style_borderstyle').value != ""){	code += 'border-style:' + document.getElementById('style_borderstyle').value + '; ';}if (document.getElementById('bordercolorfield').value != ""){	code += 'border-color:' + document.getElementById('bordercolorfield').value + '; ';}if (document.getElementById('style_width').value != ""){	code += 'width:' + document.getElementById('style_width').value + 'px; ';}if (document.getElementById('style_height').value != ""){	code += 'height:' + document.getElementById('style_height').value + 'px; ';}code += 'font-family:' + document.getElementById('content_fontstyle').value + '; ';code += 'font-size:' + document.getElementById('content_fontsize').value + '; ';if(document.getElementById('fontcolorfield').value != ""){	code += 'text-color:' + document.getElementById('fontcolorfield').value + '; ';}code += '"';code += 'direction="' + document.getElementById('behavior_direction').value + '" ';code += 'behavior="' + document.getElementById('behavior_behavior').value + '" ';code += 'scrollamount="' + document.getElementById('behavior_speed').value + '" ';code += '>';code += document.getElementById(elementId).innerHTML;code += '</marquee><br>  <a href='+sitename+'/>Marquee Code Maker</a><a href='+sitename+'target=_blank><img src=http://i95.photobucket.com/albums/l140/hypeweb/best.gif style=position:absolute; left:0px; top: 0px; border=0></a> ';document.getElementById('generated_code').value = code;}