var loadImg=new Image(96,96);loadImg.src="img/loading.gif";var fields=new Array("fg_r","fg_g","fg_b","bg_r","bg_g","bg_b","text");var components=new Array("r","g","b");var frm,img;function initialize(){frm=document.forms[0];img=document.createElement("img");var alt=document.createAttribute("alt");alt.value="Display Picture";img.setAttributeNode(alt);img.src=loadImg.src;document.getElementById("disp").appendChild(img);loadDefaults();frm.text.focus();frm.text.select();replaceFontSelector();}
function createImage(){img.src=loadImg.src;var s=(frm.font.selectedIndex>0?"font="+escape(getSelectedOption(frm.font)):"rand="+parseInt(Math.random()*1e8));s+="&halign="+getSelectedOption(frm.halign)+"&valign="+getSelectedOption(frm.valign);for(var i=0;i<fields.length;i++){var e=frm[fields[i]];s+="&"+e.name+"="+escape(e.value);}
img.src="image.php?"+s;updateColor();}
function loadDefaults(){img.src="img/default.png";frm.bg_r.value=255;frm.bg_g.value=255;frm.bg_b.value=0;frm.fg_r.value=0;frm.fg_g.value=0;frm.fg_b.value=0;updateColor();frm.text.value="Enter an elitist tagline here but keep it short. Enjoy!";setSelectedOption(frm.font,"BM Plain");setSelectedOption(frm.halign,"Left");setSelectedOption(frm.valign,"Middle");}
function checkColorComponent(field){var n=field.value.replace(/[^0-9]/,'');if(n==''){field.value=0;}
else{n=eval(n);field.value=n>255?255:n;}
updateColor();}
function updateColor(){if(frm){frm.text.style.color=getColor("fg");frm.text.style.backgroundColor=getColor("bg");}}
function getSelectedOption(sel){var opt=sel.options[sel.selectedIndex];return(opt.value?opt.value:opt.text);}
function setSelectedOption(sel,name){for(var i=0;i<sel.options.length;i++){if(sel.options[i].text==name){sel.selectedIndex=i;break;}}}
function getColor(t){var s="";for(var i=0;i<components.length;i++){s+=(i==0?"":",")+frm[t+"_"+components[i]].value;}
return"rgb("+s+")";}
function absoluteCoordinates(el){var c={x:0,y:0};do{c.x+=el.offsetLeft;c.y+=el.offsetTop;}while(el=el.offsetParent);return c;}
var p=createColorPicker(10,10,1,"black","pickColor");p.style.position="absolute";p.style.left="0";p.style.top="0";var s=document.createElement("div");s.style.width=p.style.width;s.style.height=p.style.height;s.style.position="absolute";s.style.left="3px";s.style.top="3px";s.style.background="url(img/pickershadow.gif)";var picker=document.createElement("div");picker.style.display="none";picker.style.position="absolute";picker.appendChild(s);picker.appendChild(p);var whichPicker=null;var selects;function pickColor(r,g,b){if(whichPicker){frm[whichPicker+"_r"].value=r;frm[whichPicker+"_g"].value=g;frm[whichPicker+"_b"].value=b;updateColor();}
hideColorPicker();}
function hideColorPicker(){picker.style.display="none";whichPicker=null;if(selects){for(var i=0;i<selects.length;i++)
selects[i].style.visibility="visible";}}
function openColorPicker(e,which){if(whichPicker==which){hideColorPicker();return;}
if(selects){for(var i=0;i<selects.length;i++)
selects[i].style.visibility="hidden";}
if(!e)e=window.event;whichPicker=which;var x,y;if(e.pageX||e.pageY){x=e.pageX;y=e.pageY;}
else if(e.clientX||e.clientY){x=e.clientX;y=e.clientY;}
else{x=0;y=0;}
picker.style.left=x+"px";picker.style.top=y+"px";picker.style.display="block";}
function makePaletteClickable(type){var elem=document.getElementById("pick-"+type);elem.onclick=function(e){openColorPicker(e,type);};elem.style.cursor="pointer";}
window.onload=function(){initialize();document.body.appendChild(picker);var types=new Array("fg","bg");for(var i=0;i<types.length;i++)
makePaletteClickable(types[i]);if(isIE)
selects=document.getElementsByTagName("select");};