var clipWin = null;

function togglegframe(x,y){
var el = dd.elements.general;
if ( el.w > 0 ) {
setgframe(0,0);
}
else {
setgframe(x,y)
}
}

function setgframe(x,y){
dd.elements.general.resizeTo(x,y);
}

function loadmenu(fname){
//alert(dd.elements.general.w)
document.getElementById("general").src="addusrpic.php"
if(dd.elements.general.w == 0){
z=setTimeout("togglegframe(500,365)",1000)
}else{
setgframe(0,0)
}
}

function loadweb(fname){
//alert(dd.elements.general.w)
document.getElementById("general").src="webimage.php"
if(dd.elements.general.w == 0){
z=setTimeout("togglegframe(500,365)",1000)
}else{
setgframe(0,0)
}
}

function loadhelp(fname){
//alert(dd.elements.general.w)
document.getElementById("general").src="faq/help.htm"
if(dd.elements.general.w == 0){
z=setTimeout("togglegframe(600,530)",1000)
}else{
setgframe(0,0)
}
}


function toggleiframe(x,y){
var el = dd.elements.dbrowser;
if ( el.w > 0 ) {
curff = document.getElementById("dbrowser").src.split("=");
curff=curff[1]
document.getElementById("curfonttype").value=curff;
setiframe(0,0);
}
else {
setiframe(x,y)
}
}

function toggledframe(x,y){
var el = dd.elements.dingbrowser;
if ( el.w > 0 ) {
setdframe(0,0);
}
else {
setdframe(x,y)
}
}

function setiframe(x,y){
dd.elements.dbrowser.resizeTo(x,y);
}

function setdframe(x,y){
dd.elements.dingbrowser.resizeTo(x,y);
}


function insertdingbat(fname){
document.getElementById('fgpic').value=fname;
document.getElementById('xfgimg').src=fname;

fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
document.getElementById('waiticon').style.visibility='hidden'
thefgpic=document.getElementById('fgpic').value
setsize();
}

function setsize(myImage) {
var myImage = new Image();
myImage.src = document.getElementById('xfgimg').src;
myImage.name = document.getElementById('xfgimg').src;
if(myImage.width && myImage.width>0){dd.elements.table1.resizeTo(myImage.width,myImage.height)
//alert(myImage.width)
}else{
z=setTimeout("setsize()",500)
}
}


function loadff(){
toggledframe(0,0);
fonttype=document.getElementById("fonttypes").value
curff = document.getElementById("dbrowser").src.split("=");
curff=curff[1]
oldff=document.getElementById("curfonttype").value
if((!curff && oldff==0 )|| (curff != oldff) ) {
document.getElementById("dbrowser").src="fontfinder.php?fonttype=" + fonttype;
}
z=setTimeout("toggleiframe(485,440)",500)
}

function xloadff(){
toggledframe(0,0);
fonttype=document.getElementById("fonttypes").value
curff = document.getElementById("dbrowser").src.split("=");
curff=curff[1]
oldff=document.getElementById("curfonttype").value
if((!curff && oldff==0 )|| (curff != oldff) ) {
document.getElementById("dbrowser").src="sfontfinder.php?fonttype=" + fonttype;
}
z=setTimeout("toggleiframe(485,440)",500)
}


function xloadbats(){
toggleiframe(0,0);
//alert(document.getElementById("dingbrowser").src.length+document.getElementById("dingbrowser").src)
if(document.getElementById("dingbrowser").src.length < 36 && left(document.getElementById("dingbrowser").src,2) != ".." ){
document.getElementById("dingbrowser").src="dingbrowser.php"}
toggledframe(485,440);
//clipWin=window.open('dingbrowser.php', 'mailWin', 'resizable=yes,toolbars=no,scrollbars=yes,status=no,width=400,height=400')
}

function loadbats(){
toggleiframe(0,0);
//alert(document.getElementById("dingbrowser").src.length+document.getElementById("dingbrowser").src)
if(right(document.getElementById("dingbrowser").src,4) != ".php" ){
document.getElementById("dingbrowser").src="dingbrowser.php"}
toggledframe(485,440);
//clipWin=window.open('dingbrowser.php', 'mailWin', 'resizable=yes,toolbars=no,scrollbars=yes,status=no,width=400,height=400')
}

function loadFailure() {
dd.elements.table1.resizeTo(100,100); 
return true;
}

function testnumeric(){
   wholeurl = document.getElementById("xfgimg").src;
   x = wholeurl.length;
   while((wholeurl.substring(x,x-1)) != "."){ x--; } clipend = x;
   while((wholeurl.substring(x,x-1)) != "/"){ x--; } clipstart = x;
   return IsNumeric(left(wholeurl.substring(clipend-1,clipstart),1));
}

function IsNumeric(sText){
   var ValidChars = "0123456789.";
   var IsNumber=true;
   var Char;
  for (i = 0; i < sText.length && IsNumber == true; i++) 
      { 
      Char = sText.charAt(i); 
      if (ValidChars.indexOf(Char) == -1) 
         {
         IsNumber = false;
         }
      }
   return IsNumber;
   }

function setfuzz(){
document.getElementById("fuzzy").value=document.getElementById("filltol").value
}

function showfill(){
var el = dd.elements.flooder;
if ( el.visible != false ) {
el.hide();
}
else {
el.show();
}
}

function gup( name )
{
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var tmpURL = window.location.href;
  var results = regex.exec( tmpURL );
  if( results == null )
    return "";
  else
    return results[1];
}

function getsession(){
return document.getElementById("session").value
}

function trimAll(sString){
while (sString.substring(0,1) == ' ')
{
sString = sString.substring(1, sString.length);
}
while (sString.substring(sString.length-1, sString.length) == ' ')
{
sString = sString.substring(0,sString.length-1);
}
return sString;
}

function togglecolor(){
var cl = document.getElementById('colorpicker');
      if ( cl.style.display != 'block' ) {cl.style.display = 'block';}
      else {cl.style.display = 'none'};
     }

function dobgfill(){
bgfill()
}

function colors(citem,thexcolor){
//alert(thexcolor)
var now = new Date();

if(document.getElementById("colorpicker").style.display=="block"){
togglecolor();
document.getElementById("size").style.display="block"
document.getElementById("vertalign").style.display="block"
document.getElementById("horalign").style.display="block"
document.getElementById("ffmt").style.display="block"
document.getElementById("istrans").style.display="block"
return false}

thexcolor=right(thexcolor,6)
document.all.fgcolor.src="farbastic/setcolors.php?theitem=" + citem + "&curcolor=" + thexcolor + "&kix=" + now.getTime()
document.getElementById("colorpicker").style.display="block"
}

function fillcolors(citem,thexcolor){
//alert(dd.elements.flooder.visible)
//setTimeout("dd.elements.flooder.hide()",100);
var now = new Date();

if(document.getElementById("colorpicker").style.display=="block"){
togglecolor();
document.getElementById("size").style.display="block"
document.getElementById("vertalign").style.display="block"
document.getElementById("horalign").style.display="block"
document.getElementById("ffmt").style.display="block"
document.getElementById("istrans").style.display="block"
return false}

thexcolor=right(thexcolor,6)
document.all.fgcolor.src="farbastic/setcolors.php?theitem=" + citem + "&curcolor=" + thexcolor + "&kix=" + now.getTime()
document.getElementById("colorpicker").style.display="block"

//if(dd.elements.flooder.visible==true){showfill()}
}



function imgdims(){
message="Current foreground image &nbsp;width: " + dd.elements.table1.w + "px.&nbsp;&nbsp;&nbsp;height: " + dd.elements.table1.h +"px."
document.getElementById('prompt').innerHTML="<span style='color:#888888;'>" + message + "</span>";
}


function reloadfg(){
var now = new Date();
document.getElementById('xfgimg').src=document.getElementById('xfgimg').src + '?' + now.getTime()
}

function options(){
var r_inc=document.getElementById('rotangle').value
var z_inc=document.getElementById('scale').value
window.open ('options.php?rotinc='+ r_inc + '&zoominc=' + z_inc, 'options', 'resizable=yes,scrollbars=yes,status=no,width=350,height=200')
}

function dingbatty(){
window.open ('http://dingbatty.com/dingbrowser.php', 'dings', 'resizable=yes,scrollbars=no,status=no,width=435,height=410')
}




//-----------------------------Submit----------------------------------------------------

function dosubmit() {
// alert(document.getElementById('thewidth').value);
//document.getElementById('waiter').style.visibility='visible'

var flag = left(document.getElementById("mytext").value,3).toLowerCase()
var thecmd=trimAll(right(document.getElementById("mytext").value,document.getElementById("mytext").value.length-3))
if(flag=="im="){tmagick(thecmd);return false}
//if(flag=="im="){toggleborder(thecmd);return false}

//if (document.getElementById('fonttypes').value =='Clipart-Dingbats' && document.getElementById('mytext').value.length >1)
//	{alert('Sorry, Dingbats must be entered one character at a time.  Please click the DINGMAPPER button.');document.getElementById('waiticon').style.visibility='hidden'
//;return false;}

if (document.getElementById('thewidth').value != '' && document.getElementById('theheight').value == '')
	{alert('Height setting required if width is set');return false;}

if (document.getElementById('theheight').value != '' && document.getElementById('thewidth').value == '')
	{alert('Width setting required if width is set');return false;}

if (document.getElementById('size').value > 128 && document.getElementById('mytext').value.length >10)
	{alert('Too much text for this font size.   Max 10 characters.');return false;}

if (document.getElementById('size').value > 196 && document.getElementById('mytext').value.length >1)
	{alert('Too much text for this font size.   Max 1 character.');return false;}
document.forms[0].submit()
}


function toggleborder() {
btype=document.getElementById('table1').style.border.indexOf('1px')
var el = document.getElementById('table1');
if ( btype != -1 ) {
el.style.border = '0px dashed silver';
}
else {
el.style.border = '1px dashed silver';
}
}


function fxmin() {
var el = document.getElementById('subcontent2');

      if ( el.style.height != '24px' ) {el.style.height = '24px';dd.elements.flooder.hide()}
else {
      if(document.getElementById('imedit').style.display=='block'){el.style.height = '240px'}
      else {el.style.height = '85px'};
     }
}



function editim() {
var el = document.getElementById('imedit');
if ( el.style.display != 'none' ) {
el.style.display = 'none';
document.getElementById('subcontent2').style.height='85px'
}
else {
el.style.display = 'block';
document.getElementById('subcontent2').style.height='240px'
}
}

function undofx(){
if(document.getElementById('prev_xfgimg').value != ''){
document.getElementById('xfgimg').src=document.getElementById('prev_xfgimg').value
fg=document.getElementById('prev_fgpic').value.split(',')
fname=fg[0]
width=fg[1]
height=fg[2]
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
document.getElementById('undobutton').disabled=true
}
}


function fxmenu() {
// alert("Fx are experimental and sometimes fail. Have fun using them")
var el = dd.elements.subcontent2;
if ( el.visible != false ) {
el.hide();
}
else {
el.show();
}
}

function dofloat() {
var croptype=document.getElementById('cropper').style.border.indexOf('red')
var el = dd.elements.cropper;
if ( el.visible != false && croptype != -1) {
el.hide();
}
else {
document.getElementById('cropper').style.border='2px dotted red'
el.show();
}
}

function docrop() {
var croptype=document.getElementById('cropper').style.border.indexOf('green')
var el = dd.elements.cropper;
if ( el.visible != false && croptype != -1)  {
el.hide();
}
else {
document.getElementById('cropper').style.border='2px dotted green'
el.show();
}
}

function cropstyle(){
//alert(document.getElementById('cropper').style.border.indexOf('red'))

croptype=document.getElementById('cropper').style.border.indexOf('red')
if(croptype != -1 ){float()}
else{crop()}
}


function fxmenuclose(){
dd.elements.subcontent2.hide()
dd.elements.flooder.hide()
}















function jpgtrans(){
if(document.forms[0].format.value=='jpeg' && document.forms[0].trans.value=='true'){alert("No transparency for JPG format.  Please use PNG instead")}
}

function famous(){
window.open ('famous.htm', 'famous', 'resizable=yes,scrollbars=yes,status=no,width=500,height=460')
}

function figstat(message,color){
if(!color){document.getElementById('prompt').innerHTML=message;}
else{document.getElementById('prompt').innerHTML="<span style='color:" + color + ";'>" + message + "</span>";}
}

function clearprompt(){
document.getElementById('prompt').innerHTML="";
}


function debug(){
window.open ('debug.htm', 'sywad', 'scrollbars=yes,status=no,width=1200,height=200')
}

function left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}

function right(str, n){
    if (n <= 0)
       return "";
    else if (n > String(str).length)
       return str;
    else {
       var iLen = String(str).length;
       return String(str).substring(iLen, iLen - n);
    }
}


//-----------------------------email----------------------------------------------------

function figmail(){
if(document.getElementById('bgpic').value==""){alert("Sorry, Email sends only the background image.\n\nYou must first create an image and send it to the background");return false;}

if(document.getElementById('xfgimg').src!="http://dingbatty.com/php/files/xtrans.png"){var mailimg=confirm('Email sends only the background image. \n\n It looks like there may be something on the foreground layer. Do you want to proceed?\n -- Click Cancel to return and send the foreground image back or click OK to proceed. ');
if(!mailimg){return false}
}
thepic=document.getElementById('bgpic').value
window.open ('figmail.php?image=' + thepic, 'emailler', 'toolbar=yes,scrollbars=yes,status=no,width=600,height=650')
}

function uploadbg(){
window.open ('addusrpic.asp', 'mailk', 'scrollbars=yes,status=no,width=500,height=300')
}

function addcomment(){
window.open ('comment.htm', 'cmnt', 'scrollbars=yes,status=no,width=620,height=400')
}

function forum(){
window.open ('http://interactimage.proboards77.com', 'cmnt')
}


function redborder(thebutton){
thebutton.style.border='1px solid green' 
}
function grayborder(thebutton){
thebutton.style.border='1px solid #c0c0c0' 
}
function yellowborder(thebutton){
thebutton.style.border='2px solid #e7e3e7' 
}

function postfaq(){
window.open('faq/index.htm', 'mailx', 'resizable=yes,toolbars=no,scrollbars=yes,status=no,width=575,height=500')
}

function postcredit(){
content="<TR><TD ><a href='http://sgssweb.com/' target='_blank'><img id='mainpic' src='images/credit.jpg' border='0'></a></TD></tr>";
document.getElementById('table1').innerHTML=content;
}

function postcontact(){
content="<TR><TD><img id='mainpic' src='images/contact.jpg' border='0'></TD></tr>";
document.getElementById('table1').innerHTML=content;
}

function gallery(){
window.open('/lightbox/index.php', 'maily', 'resizable=yes,toolbars=no,scrollbars=yes,status=no,width=800,height=600')
//window.open('/php/files/index.php', 'mailWin', 'resizable=yes,toolbars=no,scrollbars=yes,status=no,width=800,height=600')
}


function cleartext(){
document.getElementById('mytext').value=""
document.getElementById('mytext').focus()
}

function resettext(){
document.getElementById('mytext').value="abcdefghijklmnopqrstuvwxyz\nABCDEFGHIJKLMNO\nPQRSTUVWXYZ\n1234567890"
}

//-----------------------------Update font list----------------------------------------------------

function getResponse(target) {
// alert(document.getElementById("fonttypes").value)
document.getElementById("curfonttype").value=document.getElementById("fonttypes").value  //save the old font type before changing it
//showclips();
  AjaxRequest.get(
    {
    'parameters':{ 'type':document.getElementById("fonttypes").value, 'clip':document.forms[0].clipflag.value }
     ,'url':'updatefontlist.php'
		,'onSuccess':function(req) { updatefonts(req.responseText) }    }
  );
}

function updatefonts(names){
document.getElementById('font').options.length = 0;
var thelist = names.split(",");
fontlist=document.getElementById('font')
for(i = 0; i < thelist.length; i++){
thefont=thelist[i];
fontname=thefont.split(".")
document.getElementById('font').options[i] = new Option(fontname[0],thefont);
if(document.getElementById("fonttypes").value=='Clipart-Dingbats'){document.getElementById("size").selectedIndex=16}
}
//showclips()
}

function clearbg() {
document.getElementById('bgimg').src='php/files/xblank.jpg'
document.getElementById('bgpic').value='php/files/xblank.jpg'
}


function showclips(){
parent.setiframe(0,0);
if(dd.elements.dbrowser.w>0){loadff()
}
}

function insertclips(thetext,thisfont) {
document.getElementById('waiticon').style.visibility='visible'
document.forms[0].thetext.value=thetext;
if(clipWin!=null && clipWin.closed==false){clipWin.close()}
document.forms[0].submit();
}



//--------------------------------Reset all-------------------------------------------------

function resetall() {

fillcolor='ffffff'
var conf = confirm("Are you sure?. Everything will be lost." );
if(conf == false){return false;}

  AjaxRequest.get(
    {
    'parameters':{ 	'bgcolor':fillcolor  }
     			,'url':'bgfill.php'
			,'onSuccess':function(req) { resetfull(req.responseText) }    }
  );
}

function resetfull(ajax_result) {
// alert(ajax_result)
document.getElementById('bgimg').src=ajax_result
document.getElementById('bgpic').value=ajax_result
document.getElementById('xfgimg').src='php/files/xtrans.png'
document.getElementById('fgpic').value='xtrans.png'
document.getElementById('fillcolor').value='#ffffff'
}


//--------------------------------FILL BACKGROUND-------------------------------------------------

function bgfill() {
fillcolor=right(document.forms[0].bgfill.value,6)
var conf = confirm("Are you sure?. Any image on the background layer will be lost.\nWill not affect foreground image." );
if(conf == false){return false;}
document.getElementById('fillcolor').value='#' + fillcolor
document.getElementById('waiticon').style.visibility='visible'

  AjaxRequest.get(
    {
    'parameters':{ 	'bgcolor':fillcolor  }
     			,'url':'bgfill.php'
			,'onSuccess':function(req) { fillbg(req.responseText) }    }
  );
}

function fillbg(ajax_result) {
// alert(ajax_result)
document.getElementById('bgimg').src=ajax_result
document.getElementById('bgpic').value=ajax_result
if(document.getElementById('xfgimg').src=='http://interactimage.com/php/files/xgetimage.png'){document.getElementById('xfgimg').src='php/files/xtrans.png'}
//document.getElementById('fgpic').value='xtrans.png'
document.getElementById('waiticon').style.visibility='hidden'

}


//-----------------------------URL to FG----------------------------------------------------

function urltofg(picurl){
//alert("Sorry, function temporarily unavailable")
//return false

//var picurl=prompt("Please enter the URL.  Must include http:// at the beginning\nSome websites protect images from uploading.","http://");
// var picurl=theurl;
if(picurl==null){return false;}
if(picurl.length < 10){alert('Not a valid URL');return false;}
if(left(picurl,7).toLowerCase() != 'http://'){alert('Not a valid URL.  Must begin with http://');return false;}
document.getElementById('waiticon').style.visibility='visible'

AjaxRequest.get(
    {
    'parameters':{ 	'targeturl':picurl ,'session':getsession()   }
     			,'url':'tofg.php'
			,'onSuccess':function(req) {url2fg(req.responseText) }    }
  );
}




function url2fg(result) {
//alert(result)
result=result.split(',')
fname=result[0]
width=result[1]
height=result[2]
imgtype=result[3]
document.getElementById('xfgimg').src=fname
fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
document.getElementById('waiticon').style.visibility='hidden'
//alert(width+","+height)
}


//--------------------------------Flood fill-------------------------------------------------
function floodfill(){
var offsetx=dd.elements.flooder.x+25 - dd.elements.table1.x
var offsety=dd.elements.flooder.y+25 - dd.elements.table1.y
var fillcolor=right(document.forms[0].FloodFillColor.value,6)
var thefgpic=document.getElementById('xfgimg').src
var thefuzz=document.getElementById('fuzzy').value

//if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png"  || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){alert("Sorry, can't fill that image, please make your own");return false}
//if(testnumeric()==false){alert("Sorry, can't fill that image, please make your own");return false}
if(offsetx<0 || offsety<0){alert("Selected position is off the image");return false}
if(offsetx>dd.elements.table1.w || offsety>dd.elements.table1.h){alert("Selected position is off the image");return false}
// alert(offsetx +','+ offsety )
document.getElementById('undobutton').disabled=false
document.getElementById('waiticon').style.visibility='visible'
//alert(thefgpic)
  AjaxRequest.get(
    {
    'parameters':{ 	'fillcolor':fillcolor,'offsetx':offsetx,'offsety':offsety,'session':getsession(), 'fgimg':thefgpic , 'fuzzfactor':thefuzz }
     			,'url':'floodfill.php'
			,'onSuccess':function(req) { updateflood(req.responseText) }    }
  );
}

function updateflood(result) {
//alert(result)
result=result.split(",")
fname=result[0]
width=result[1]
height=result[2]
document.getElementById('prev_xfgimg').value=document.getElementById('xfgimg').src
document.getElementById('prev_fgpic').value=document.getElementById('fgpic').value + ',' + dd.elements.table1.w  + ',' + dd.elements.table1.h 
document.getElementById('xfgimg').src=fname
fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
document.getElementById('waiticon').style.visibility='hidden'
document.getElementById('undobutton').disabled=false
}


//--------------------------------Crop fg-------------------------------------------------

function crop() {
if(document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){alert("Foreground is empty.  Nothing to crop");dd.elements.cropper.hide();return false;}

var thefgpic=document.getElementById('fgpic').value
//alert('fg: ' + thefgpic)

var cropwidth=dd.elements.cropper.w - 5
var cropheight=dd.elements.cropper.h - 5
var offsetx=dd.elements.cropper.x-dd.elements.table1.x
var offsety=dd.elements.cropper.y-dd.elements.table1.y
if(offsetx<0){offsetx=0}
if(offsetx>dd.elements.table1.w){offsetx=dd.elements.table1.w}
if(offsety<0){offsety=0}
if(offsety>dd.elements.table1.h){offsety=dd.elements.table1.h}

if(cropwidth>dd.elements.table1.w){cropwidth=dd.elements.table1.w-offsetx}
if(cropheight>dd.elements.table1.h){cropheight=dd.elements.table1.h-offsety}


document.getElementById('waiticon').style.visibility='visible'

//alert(offsetx + '**' + offsety)
  AjaxRequest.get(
    {
    'parameters':{ 	'bgimg':thefgpic , 'cropwidth':cropwidth , 'cropheight':cropheight , 'offsetx':offsetx , 'offsety':offsety ,'session':getsession() }
     			,'url':'crop.php'
			,'onSuccess':function(req) { cropfg(req.responseText) }    }
  );
}

function cropfg(result) {
result=result.split(',')
//alert(result[0])
fname=result[0]
width=result[1]
height=result[2]
document.getElementById('xfgimg').src=fname
fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
document.getElementById('waiticon').style.visibility='hidden'
document.getElementById('undobutton').disabled=true
dd.elements.cropper.hide()
}

//--------------------------------Float-------------------------------------------------

function float() {

var thebgpic=document.getElementById('bgimg').src
//alert('bg: ' + thebgpic)

var cropwidth=dd.elements.cropper.w
var cropheight=dd.elements.cropper.h
var offsetx=dd.elements.cropper.x-dd.elements.bgdiv.x
var offsety=dd.elements.cropper.y-dd.elements.bgdiv.y
if(offsetx<0){offsetx=0}
if(offsety<0){offsety=0}
document.getElementById('waiticon').style.visibility='visible'

//alert(offsetx + '**' + offsety)
  AjaxRequest.get(
    {
    'parameters':{ 	'bgimg':thebgpic , 'cropwidth':cropwidth , 'cropheight':cropheight , 'offsetx':offsetx , 'offsety':offsety ,'session':getsession()  }
     			,'url':'float.php'
			,'onSuccess':function(req) { floatbg(req.responseText) }    }
  );
}

function floatbg(ajax_result) {
//alert(ajax_result)
document.getElementById('bgimg').src='php/files/xblank.jpg'
document.getElementById('bgpic').value='xblank.jpg'
result=ajax_result.split(',')
fname=result[0]
width=result[1]
height=result[2]
document.getElementById('xfgimg').src=fname
fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
document.getElementById('waiticon').style.visibility='hidden'
document.getElementById('undobutton').disabled=true
dd.elements.cropper.hide()
}

//-----------------------------tmagick------------------------------------------------------

function tmagick(text) {
document.getElementById('waiticon').style.visibility='visible'
//if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png"  || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){alert('No image on foreground layer.  Create a dummy image if necessary.');document.getElementById('waiticon').style.visibility='hidden';return false}
var cmdtext=text
cmdtext = cmdtext.replace(/,/g,"^")
// alert(cmdtext)

var thefgpic=document.getElementById('fgpic').value
var bgcolor=document.getElementById('fillcolor').value

var deadfile=document.getElementById('prev_fgpic').value.split(',')
var deadfile=deadfile[0]

if(document.getElementById('istrans').value=='true'){bgcolor='none'}
if (left(thefgpic,3)!='php'){thefgpic='php/files/' + thefgpic}
//alert(deadfile)
AjaxRequest.get(
    {
    'parameters':{ 	'fgimg':thefgpic   , 'background':bgcolor, 'commandline':cmdtext, 'deadfile':deadfile ,'session':getsession() }
     			,'url':'testmagick.php'
			,'onSuccess':function(req) {  updatefgtmp(req.responseText) }    }
  );
}

//-----------------------------fx Magick----------------------------------------------------

function testmagick() {
if(document.getElementById('effectmenu').selectedIndex==0){return false;}
document.getElementById('waiticon').style.visibility='visible'
//if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png"  || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){alert('No image on foreground layer.  Create a dummy image if necessary.');document.getElementById('waiticon').style.visibility='hidden';return false}
var cmdtext=document.getElementById('magicktext').value
//alert(cmdtext)
cmdtext = cmdtext.replace(/,/g,"^")
//alert(cmdtext)
//return(false);
if(document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){var thefgpic='php/files/xgetimage.png'}
else{var thefgpic=document.getElementById('fgpic').value}
//alert(thefgpic)
var bgcolor=document.getElementById('fillcolor').value

var deadfile=document.getElementById('prev_fgpic').value.split(',')
var deadfile=deadfile[0]

if(document.getElementById('istrans').value=='true'){bgcolor='none'}
if (left(thefgpic,3)!='php'){thefgpic='php/files/' + thefgpic}
//alert(deadfile)
AjaxRequest.get(
    {
    'parameters':{ 	'fgimg':thefgpic   , 'background':bgcolor, 'commandline':cmdtext, 'deadfile':deadfile ,'session':getsession() }
     			,'url':'testmagick.php'
			,'onSuccess':function(req) {  updatefgtmp(req.responseText) }    }
  );
}

function updatefgtmp(result) {
//alert(result)
result=result.split(",")
//alert(result[3])
fname=result[0]
width=result[1]
height=result[2]
document.getElementById('prev_xfgimg').value=document.getElementById('xfgimg').src
document.getElementById('prev_fgpic').value=document.getElementById('fgpic').value + ',' + dd.elements.table1.w  + ',' + dd.elements.table1.h 

document.getElementById('xfgimg').src=fname

//setTimeout("document.getElementById('xfgimg').src=fname",1250);

fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
document.getElementById('waiticon').style.visibility='hidden'
document.getElementById('undobutton').disabled=false
}




//-----------------------------RESIZE----------------------------------------------------

function fgresize(zoom) {
var thefgpic=document.getElementById('fgpic').value

if(zoom != 0){
   if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){alert('No image on foreground layer.  Nothing to resize');return false}
   document.getElementById('waiticon').style.visibility='visible'
   var zzoom=document.getElementById("scale").value * zoom
   var wreq=parent.dd.elements.table1.w * (1+(-zzoom/100))
   var hreq=parent.dd.elements.table1.h * (1+(-zzoom/100))
   if(wreq>640 || hreq>480){alert('Sorry, the resized image will be too big. Max. size is 640 x 480');document.getElementById('waiticon').style.visibility='hidden';return false;}
   if (left(thefgpic,3)!='php'){thefgpic='php/files/' + thefgpic}
}

if(zoom==0){zzoom=0;}   
thefgpic=thefgpic.substring(thefgpic.lastIndexOf('/')+1);

AjaxRequest.get(
    {
    'parameters':{ 	'fgimg':thefgpic , 'amount':zzoom ,'session':getsession() }
     			,'url':'resizeim.php'
			,'onSuccess':function(req) {newsize(req.responseText) }    }
  );
}



function newsize(result) {
//alert(result);

result=result.split(',')
fname=result[0]
width=result[1]
height=result[2]

document.getElementById('xfgimg').src=fname
fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
dd.elements.subcontent2.maximizeZ()
document.getElementById('waiticon').style.visibility='hidden'
document.getElementById('undobutton').disabled=true
}


//--------------------------------FG clone-------------------------------------------------

function clone() {
if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png" ||  document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png" ){alert('No image on foreground layer.  Nothing to copy to background');return false}

var thebgpic=document.getElementById('bgimg').src
var thefgpic=document.getElementById('fgpic').value
// alert('fg: ' + thefgpic + '\n  bg: ' + thebgpic)
var offsetx1=dd.elements.table1.x
var offsety1=dd.elements.table1.y
var offsetx2=dd.elements.bgdiv.x
var offsety2=dd.elements.bgdiv.y
var offsetx=offsetx1 - offsetx2 +2
var offsety=offsety1 - offsety2 +2
document.getElementById('waiticon').style.visibility='visible'

//alert(offsetx + '**' + offsety)
  AjaxRequest.get(
    {
    'parameters':{ 	'bgimg':thebgpic ,'fgimg':thefgpic , 'offx':offsetx , 'offy':offsety ,'session':getsession()  }
     			,'url':'cloneim.php'
			,'onSuccess':function(req) { clonefg(req.responseText) }    }
  );
}

function clonefg(ajax_result) {
// alert(ajax_result)
document.getElementById('bgimg').src=ajax_result
document.getElementById('bgpic').value=ajax_result
dd.elements.subcontent2.maximizeZ()
document.getElementById('undobutton').disabled=true
document.getElementById('waiticon').style.visibility='hidden'
}

//--------------------------------SEND TO BG-------------------------------------------------

function overlay() {
if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png" ||  document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png" ){alert('No image on foreground layer.  Nothing to send to background');return false}

var thebgpic=document.getElementById('bgimg').src
var thefgpic=document.getElementById('fgpic').value
//alert('fg: ' + thefgpic + '\n  bg: ' + thebgpic)
var offsetx1=dd.elements.table1.x
var offsety1=dd.elements.table1.y
var offsetx2=dd.elements.bgdiv.x
var offsety2=dd.elements.bgdiv.y
var offsetx=offsetx1 - offsetx2 +2
var offsety=offsety1 - offsety2 +2
document.getElementById('waiticon').style.visibility='visible'

//alert(offsetx + '**' + offsety)
  AjaxRequest.get(
    {
    'parameters':{ 	'bgimg':thebgpic ,'fgimg':thefgpic , 'offx':offsetx , 'offy':offsety ,'session':getsession()  }
     			,'url':'overlayim.php'
			,'onSuccess':function(req) { updatebg(req.responseText) }    }
  );
}

function updatebg(ajax_result) {
//alert(ajax_result)
document.getElementById('bgimg').src=ajax_result
document.getElementById('bgpic').value=ajax_result
document.getElementById('xfgimg').src='php/files/xtrans.png'
document.getElementById('fgpic').value='xtrans.png'
dd.elements.subcontent2.maximizeZ()
dd.elements.table1.resizeTo(1,1); 

document.getElementById('undobutton').disabled=true
document.getElementById('waiticon').style.visibility='hidden'
if(document.getElementById('table1').style.border.indexOf('1px') != -1){toggleborder()}
}

//-----------------------------FREEROTATE----------------------------------------------------
function freerotate(direction) {
if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png"  || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){alert('No image on foreground layer.  Nothing to rotate');return false}

var thefgpic=document.getElementById('fgpic').value
var theangle=document.getElementById('rotangle').value
if(document.getElementById('fillcolor').value=='#ffffff'){var bgcolor=document.getElementById('thebgcolor').value}
else {var bgcolor=document.getElementById('fillcolor').value}

if(document.getElementById('istrans').value=='true'){bgcolor='none'}
var degs=theangle*direction
if (left(thefgpic,3)!='php'){thefgpic='php/files/' + thefgpic}
document.getElementById('waiticon').style.visibility='visible'
AjaxRequest.get(
    {
    'parameters':{ 	'fgimg':thefgpic , 'angle':degs  , 'background':bgcolor ,'session':getsession() }
     			,'url':'rotateim.php'
			,'onSuccess':function(req) {updatefg(req.responseText) }    }
  );
}


//-----------------------------FlipFlop----------------------------------------------------
function flipflop(whichone) {

//if(left(document.getElementById('fgpic').value,1)=="x" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xblank.png" || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xtrans.png"  || document.getElementById('xfgimg').src=="http://interactimage.com/php/files/xgetimage.png"){alert('No image on foreground layer.  Nothing to rotate');return false}

var thefgpic=document.getElementById('fgpic').value
if (left(thefgpic,3)!='php'){thefgpic='php/files/' + thefgpic}
document.getElementById('waiticon').style.visibility='visible'
//alert(thefgpic + '!!')
AjaxRequest.get(
    {
    'parameters':{ 	'fgimg':thefgpic , 'whichway':whichone ,'session':getsession() }
     			,'url':'flipflop.php'
			,'onSuccess':function(req) {updatefg(req.responseText) }    }
  );
}


//-----------------------------Update Foreground----------------------------------------------------
function updatefg(result) {
//alert(result);
result=result.split(',')
fname=result[0]
width=result[1]
height=result[2]
document.getElementById('xfgimg').src=fname
fname=fname.substring(fname.lastIndexOf('/')+1)
document.getElementById('fgpic').value=fname
dd.elements.table1.resizeTo(width,height); 
dd.elements.subcontent2.maximizeZ()
document.getElementById('undobutton').disabled=true
document.getElementById('waiticon').style.visibility='hidden'

}