var id=1;
var img=new Array;
var imgPlaceHolder;
var cats=new Array;
var drag_int;
var xMousePos=20;
var yMousePos;
var currentObj="null";
var imgfilters=new Array;
var zind=5;
var showbg=0;

        img[999]=new Array;
        img[999]['w']=20;
        img[999]['h']=20;
        img[999]['x']=1+img[999]['w']/2+2;
        img[999]['y']=1+img[999]['h']/2+2;
        img[999]['z']= 900;
        img[999]['s']="";
        img[999]['t']="text";




if (document.layers) { // Netscape
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = captureMousePosition;
} else if (document.all) { // Internet Explorer
    //document.onmousemove = captureMousePosition;
} else if (document.getElementById) { // Netcsape 6
    document.onmousemove = captureMousePosition;
}


function iefix()
{
var browser=navigator.appName;
if (browser=="Microsoft Internet Explorer"){
document.getElementById("cont").style.height=552;
document.getElementById("tmenu").style.width=205;
document.getElementById("dirsframe").style.width=203;
}

}


function RGBtoHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)}
function toHex(N) {
 if (N==null) return "00";
 N=parseInt(N); if (N==0 || isNaN(N)) return "00";
 N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
 return "0123456789ABCDEF".charAt((N-N%16)/16)
      + "0123456789ABCDEF".charAt(N%16);
}



function changecolor(w,r,g,b)
{
document.getElementById("absolute_999").style.color=RGBtoHex(r,g,b);
document.getElementById("textr").value=r;
document.getElementById("textg").value=g;
document.getElementById("textb").value=b;
}

function changefont()
{
var reg=/(\n)/gi;
document.getElementById("absolute_999").innerHTML =document.getElementById("textvalue").value.replace(reg, "<br>");
//document.write(document.getElementById("textvalue").value.replace(reg, "<br>"));
document.getElementById("absolute_999").style.fontSize=document.getElementById("fontsize").value;
document.getElementById("absolute_999").style.fontFamily=document.forms['selectform'].elements['fontfamil'].value;
//document.write(document.getElementById("absolute_999").style.width);
}



function countImages()
{

var req="";
var url;
var number=id-2+showbg;
url="create_img.php?showbg="+showbg+"&number="+number+"&";
for(var i=2-showbg;i<id;i++)
{


url+=i+"url="+img[i]['s']+"&";
url+=i+"w="+img[i]['w']+"&";
url+=i+"h="+img[i]['h']+"&";
url+=i+"x="+(img[i]['x']-2-img[i]['w']/2)+"&";
url+=i+"y="+(img[i]['y']-2-img[i]['h']/2)+"&";
url+=i+"z="+img[i]['z']+"&";
url+=i+"r="+img[i]['r']+"&";
url+=i+"d="+img[i]['d']+"&";

}

var browser=navigator.appName;
brow="ff";
if (browser=="Microsoft Internet Explorer"){brow="ie";}
var reg=/\n/gi;
url+="text="+document.getElementById("textvalue").value.replace(reg, "<br>")+"&";
url+="textssize="+document.getElementById("fontsize").value+"&";

url+="textfont="+document.forms['selectform'].elements['fontfamil'].value+"&";
url+="useragent="+brow+"&";
url+="textr="+document.getElementById("textr").value+"&";
url+="textg="+document.getElementById("textg").value+"&";
url+="textb="+document.getElementById("textb").value+"&";
url+="textx="+img[999]['x']+"&";
url+="texty="+img[999]['y'];

//document.write(url);
window.location.href=url;

}


function captureMousePosition(e) {
         if (document.layers) {
            xMousePos = e.pageX;
            yMousePos = e.pageY;
         } else if (document.all) {
        xMousePos = this.event.x;
        yMousePos = this.event.y;
        }else if (document.getElementById) {
        // Netscape 6 behaves the same as Netscape 4 in this regard  MOZILLA
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        }


}




function rotateimg(rot)
{
        if(currentObj != "null")
        {

         img[currentObj]['r']=rot-0;
         deg=img[currentObj]['r'];
         document.getElementById("absolute_"+currentObj).style.MozTransform='rotate('+deg+'deg)';

         deg2radians = Math.PI * 2 / 360;
         rad = deg * deg2radians ;
         costheta = Math.cos(rad);
         sintheta = Math.sin(rad);

         document.getElementById("absolute_"+currentObj).filters.item(0).M11 = costheta;
         document.getElementById("absolute_"+currentObj).filters.item(0).M12 = -sintheta;
         document.getElementById("absolute_"+currentObj).filters.item(0).M21 = sintheta;
         document.getElementById("absolute_"+currentObj).filters.item(0).M22 = costheta;
        }

}
function addfilter()
{
       document.getElementById('absolute_'+id).style.filter ="progid:DXImageTransform.Microsoft.Light()";
       document.getElementById('absolute_'+id).style.filter ="matrix(sizingMethod='auto expand') light()";
       // asd
}


function show(obj)
{
        document.getElementById(obj+"1").style.display="none";
        document.getElementById(obj+"2").style.display="block";
}
function createObj(obj,w,h,category)
{
       if(cats[category]!=1){

       cats[category]=1;

       if(w>200){k=w/200;w=200; h=h/k;}
       zind++;
        document.getElementById('cont').innerHTML+="<img id=\"absolute_"+id+"\"  src=\""+obj+"\" style=\"position:absolute;filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand') light();width:"+w+";height:"+h+";z-index:"+zind+";\" onmousemove=\"captureMousePosition()\" onmouseup=\"stop_drag()\" onmousedown=\"drag("+id+")\"></div>";
        document.getElementById('cont').innerHTML+="<div class=\"insimg\" style=\"z-index:999;\" id=\"operpanel"+id+"\"><a href=\"javascript:hideObject()\" style=\"color:red\">x</a></a></div>";
         //addfilter();
var browser=navigator.appName;
if (browser=="Microsoft Internet Explorer"){
        for(i=1;i<=id;i++){
        document.getElementById("absolute_"+i).filters.light.addAmbient(255,255,255,100);


        }

      for(i=0;i<imgfilters.length;i++){
document.getElementById("absolute_"+imgfilters[i]['id']).filters.light.addAmbient(imgfilters[i]['r'],imgfilters[i]['g'],imgfilters[i]['b'],20);
        }
                                }

      img[id]=new Array;

        img[id]['w']=w;             //width
        img[id]['h']=h;             //height
        img[id]['x']=1+img[id]['w']/2+2;  //x-pos
        img[id]['y']=1+img[id]['h']/2+2; //y-pos
        img[id]['z']= zind;      // z-index
        img[id]['s']=""+obj+""; // url �������
        img[id]['t']=category; // ���������
        img[id]['r']=0;  //���� ��������
        img[id]['d']=1;  //����������
        //document.write(img[id]['s']);

        currentObj=id;
        id++;
        
        
            
            
          for(i=1;i<=id-1;i++){
            document.getElementById('operpanel'+i).style.display="none";



                 deg=img[i]['r'];
         if(deg!=0){

         deg2radians = Math.PI * 2 / 360;
         rad = deg * deg2radians ;
         costheta = Math.cos(rad);
         sintheta = Math.sin(rad);

         document.getElementById("absolute_"+i).filters.item(0).M11 = costheta;
         document.getElementById("absolute_"+i).filters.item(0).M12 = -sintheta;
         document.getElementById("absolute_"+i).filters.item(0).M21 = sintheta;
         document.getElementById("absolute_"+i).filters.item(0).M22 = costheta;

         }
         }
      document.getElementById('operpanel'+currentObj).style.left = img[currentObj]['x']-2+img[currentObj]['w']/4;
      document.getElementById('operpanel'+currentObj).style.top  = img[currentObj]['y']-2-img[currentObj]['h']/2;
      document.getElementById('operpanel'+currentObj).style.display="block";
      document.getElementById('operpanel1').style.display="none";


        }else{

                for(i=2;i<id;i++)
                {
                        //document.write("a");
                        if(img[i]['t']==category)
                        {
                        //document.images[i+16].src=obj;
                        //document.write("aa");
                        document.getElementById('absolute_'+i).src=obj;
                        img[i]['s']=obj;
                         document.getElementById('absolute_'+i).style.display="block";
                         document.getElementById('operpanel'+i).style.display="block";
                         img[i]['d']=1;
                        }
                }




        }

}

function hideObject()
{
    document.getElementById('absolute_'+currentObj).style.display="none";
    document.getElementById('operpanel'+currentObj).style.display="none";
    img[currentObj]['d']=0;
}

function Clear()
{
        if(currentObj!="null")
        {
                document.getElementById('absolute_'+currentObj).filters.light.Clear();
                document.getElementById("absolute_"+currentObj).filters.light.addAmbient(255,255,255,100);
                for(i=0;i<imgfilters.length;i++)
                {

                        if(imgfilters[i]['id']==currentObj)
                        {
                                for(j=i;j<imgfilters.length;j++)
                                {
                                        if(j<imgfilters.length-1)
                                        {
                                                imgfilters[j]['id'] = imgfilters[j+1]['id'];
                                                imgfilters[j]['r']  = imgfilters[j+1]['r'];
                                                imgfilters[j]['g']  = imgfilters[j+1]['g'];
                                                imgfilters[j]['b']  = imgfilters[j+1]['b'];
                                        }else{
                                                imgfilters.pop();
                                        }
                                }
                                i--;

                        }

                }
        }
}


function showBg()
{
showbg=1;
document.getElementById('absolute_1').style.display="block";
document.getElementById('examplink').innerHTML="<a href=\"javascript:hideBg()\"><small>Poista malli</small></a>";
}
function hideBg()
{
showbg=0;
document.getElementById('absolute_1').style.display="none";
document.getElementById('examplink').innerHTML="<a href=\"javascript:showBg()\"><small>Lis&auml;&auml; malli</small></a>";
}







function resize_obj(direction,alti)
{

if(alti=="p"){alti=1;}else{alti=-1;}
var resizenumber=10;
        if(currentObj!="null")
        {
                if(direction=="v")
                {

                 img[currentObj]['h']+=resizenumber*alti;

                 document.getElementById('absolute_'+currentObj).style.height = img[currentObj]['h'];
                 document.getElementById('absolute_'+currentObj).style.width  = img[currentObj]['w'];
                } else if(direction=="h"){

                img[currentObj]['w']+=resizenumber*alti;

                 document.getElementById('absolute_'+currentObj).style.height = img[currentObj]['h'];
                 document.getElementById('absolute_'+currentObj).style.width  = img[currentObj]['w'];
                }   else
                {
                img[currentObj]['w']+=resizenumber*alti;
                img[currentObj]['h']+=resizenumber*alti;

                 document.getElementById('absolute_'+currentObj).style.height = img[currentObj]['h'];
                 document.getElementById('absolute_'+currentObj).style.width  = img[currentObj]['w'];
                }
        }
}



function GetPos(elem)
{
 var offTrial=document.getElementById(elem);
 var offL=0;
 var offT=0;

 while(offTrial)
 {
  offL+=offTrial.offsetLeft;
  offT+=offTrial.offsetTop;
  offTrial=offTrial.offsetParent;
 }

 if (navigator.userAgent.indexOf("Mac")!=-1 && typeof document.body.leftMargin!="undefined")
 {
  offL+=document.body.leftMargin;
  offT+=document.body.topMargin;
 }

 return {left:offL , top:offT}
}

function getNameBrowser() 
{
  var ua = navigator.userAgent.toLowerCase();
  
  // Определим Internet Explorer
  if (ua.indexOf("msie") != -1 && ua.indexOf("opera") == -1 && ua.indexOf("webtv") == -1) {
    return "msie"
  }
  // Opera
  if (ua.indexOf("opera") != -1) {
    return "opera"
  }
  // Gecko = Mozilla + Firefox + Netscape
  if (ua.indexOf("gecko") != -1) {
    return "gecko";
  }
  // Safari, используется в MAC OS
  if (ua.indexOf("safari") != -1) {
    return "safari";
  }
  // Konqueror, используется в UNIX-системах
  if (ua.indexOf("konqueror") != -1) {
    return "konqueror";
  }
  return "unknown";
}

function eventAttacher(objectToAttach, eventName, functionName)
{

 switch(getNameBrowser())
 {
  case "msie":
  {
   var prefix = "on";
   var onEventName = prefix + eventName;
   objectToAttach.attachEvent(onEventName, functionName);
   break;
  }
  case "gecko":
  {
   objectToAttach.addEventListener(eventName, functionName, true);
   break;
  }
  default:
  {
   objectToAttach.addEventListener(eventName, functionName, true);   
   break;
  }
 }
 
}

function initializer()
{
 imgPlaceHolder = GetPos('cont');

}


eventAttacher(window, 'load', initializer);

function emptyFalseFn() { return false };


function drag(cur_id)
{
      if((currentObj != cur_id)&&(img[cur_id]['t']!="bg")&&(img[cur_id]['t']!="text"))
      { 
        zind++; 
        document.getElementById('operpanel'+cur_id).style.zIndex=999;
        document.getElementById('operpanel'+cur_id).style.display="block"; 
        document.getElementById('absolute_'+cur_id).style.zIndex=zind; 
        img[cur_id]['z']= zind;
        for(var i=1;i<id;i++){if(i!=cur_id)document.getElementById('operpanel'+i).style.display="none";}
      }
      currentObj= cur_id;
      document.ondragstart = emptyFalseFn;
      document.body.onselectstart = emptyFalseFn;
      img[cur_id]['x']= xMousePos;
      img[cur_id]['y']= yMousePos;

      mozcor_x=0;
      mozcor_y=0;
      var ua = navigator.userAgent.toLowerCase();
      //if (ua.indexOf("gecko") != -1) {img[cur_id]['x']-=230;img[cur_id]['y']-=120;}
      //alert('x:'+imgPlaceHolder.left+' y:'+imgPlaceHolder.top);
      if (ua.indexOf("gecko") != -1) {img[cur_id]['x']-=imgPlaceHolder.left;img[cur_id]['y']-=imgPlaceHolder.top;}

      document.getElementById('absolute_'+cur_id).style.left = img[cur_id]['x']-2-img[cur_id]['w']/2;
      document.getElementById('absolute_'+cur_id).style.top  = img[cur_id]['y']-2-img[cur_id]['h']/2;
      if(img[cur_id]['t']!="text")
      { 
      document.getElementById('operpanel'+cur_id).style.left = img[cur_id]['x']-2+img[cur_id]['w']/4;
      document.getElementById('operpanel'+cur_id).style.top  = img[cur_id]['y']-2-img[cur_id]['h']/2;
      }
      drag_int=setTimeout("drag("+cur_id+")",1);

      return false


}


function addAmbient(r,g,b){
 if(currentObj!="null"){
   document.getElementById('absolute_'+currentObj).filters.light.addAmbient(r,g,b,20);
        imgfilters[imgfilters.length]=new Array;
        imgfilters[imgfilters.length-1]['id']=currentObj;
        imgfilters[imgfilters.length-1]['r']=r;
        imgfilters[imgfilters.length-1]['g']=g;
        imgfilters[imgfilters.length-1]['b']=b;
                        }
                      }


function stop_drag()
{


        clearTimeout(drag_int);

}





function hide(obj)
{
        document.getElementById(obj+"2").style.display="none";
        document.getElementById(obj+"1").style.display="block";
}
function scrollf(x)
{

        window.gal.scrollBy(x,0);
}