// graphic module MT 29.03.11

var trans = "transparent";

var fName = "Arial" ;
var fSize = "9pt";
var fStyl = "normal";
var fWeig = "normal";



   function setStyle(obj, l,t,w,h    )
   {  obj.style.position = "absolute";
      obj.style.margin   =  "0px";
      obj.style.padding  =  "0px";
      obj.style.borderStyle =  "none";
      obj.style.backgroundColor
                            =  trans ;
      //
      obj.style.left  = l+"px";
      obj.style.top   = t+"px";
      if (w > 0) {
      obj.style.width = w+"px"}
      if (h > 0) {
      obj.style.height= h+"px"}
   }


function insFrame(canvas, l,t,w,h, c,nam)

{ var ifr = "IFRAME";
  if (window.ActiveXObject) {
      ifr = '<iframe name= "'+ nam +'">'}
  var frm =
           document.createElement( ifr );
      setStyle( frm, l,t,w,h );
      frm.frameBorder =  "0"  ;
      frm.style.backgroundColor  =  c   ;
   if (  nam  ) {
      frm.id   = nam ;  frm.name = nam  }
   if (!canvas) { canvas = 
      document.getElementsByTagName(
                              "body")[0]}
   canvas.appendChild(frm);  return frm ;
}


function insPanel(canvas, l,t,w,h, c,nam)
{ var frm =
         document.createElement( "DIV" );
      setStyle( frm, l,t,w,h );
      frm.style.backgroundColor  =  c   ;
   if (  nam  ) {
      frm.id   = nam ;  frm.name = nam  }
   if (!canvas) { canvas = 
      document.getElementsByTagName(
                              "body")[0]}
   canvas.appendChild(frm);  return frm ;
}



function hortLine(canvas, l,t,w,h, color)
{ var hor=document.createElement("SPAN");
      setStyle( hor, l,t,w,0 );
      hor.style.borderTopStyle = "solid";
      hor.style.borderTopColor =  color ;
      hor.style.borderTopWidth =  h+"px";
   canvas.appendChild(hor);  return hor ;
}

function vertLine(canvas, l,t,w,h, color)
{ var ver=document.createElement("SPAN");
      setStyle( ver, l,t,0,h );
      ver.style.borderLeftStyle= "solid";
      ver.style.borderLeftColor=  color ;
      ver.style.borderLeftWidth=  w+"px";
   canvas.appendChild(ver);  return ver ;
}


function fillRect(canvas, l,t,w,h, color)
{ var rec=document.createElement("SPAN");
      setStyle( rec, l,t,w,h );
      rec.style.backgroundColor = color ;
      rec.style.fontSize="0px";
   canvas.appendChild(rec);  return rec ;
}

function drawRect(canvas, l,t,w,h, color)
{ var rec=document.createElement("SPAN");
      setStyle( rec, l,t,w-2,h-2   );
      rec.style.borderStyle= "solid";
      rec.style.borderColor=  color ;
      rec.style.borderWidth=  "1px" ;
      rec.style.fontSize="0px";
   canvas.appendChild(rec);  return rec ;
}

function fullRect(canvas, l,t,w,h, color,
                          x,y,r,b, boder)
{ var rec=document.createElement("SPAN");
      setStyle( rec, l,t, w-x-r, h-y-b );
      rec.style.backgroundColor = color ;
      rec.style.borderStyle= "solid";
      rec.style.borderColor=  boder ;
      rec.style.borderLeftWidth= x+"px" ;
      rec.style.borderTopWidth = y+"px" ;
      rec.style.borderRightWidth=r+"px" ;
      rec.style.borderBottomWidth=b+"px";
      rec.style.fontSize="0px";
   canvas.appendChild(rec);  return rec ;
}

function loweRect(canvas, l,t,w,h, style)
{ var rec=document.createElement("SPAN");
      setStyle( rec, l,t, w-2, h-2 );
      rec.style.borderStyle= "solid";
      rec.style.borderWidth=  "1px" ;
      var tc = "#808080";
      var bc = "#FFFFFF";
      if (style) {
          tc = "#FFFFFF";
          bc = "#808080"}
      rec.style.borderLeftColor = tc;
      rec.style.borderTopColor  = tc;
      rec.style.borderRightColor =bc;
      rec.style.borderBottomColor=bc;
      rec.style.fontSize="0px";
   canvas.appendChild(rec);  return rec ;
}



function imagRect(canvas, l,t,w,h, href )
{ var img =document.createElement("IMG");
      setStyle( img, l,t,w,h );
      if (href ) {
          img.src     =  href }
   canvas.appendChild(img);  return img ;
}



// -- доп функции -----------------------

function disableS(obj)
{  if (typeof
          obj.onselectstart!="undefined")
      obj.onselectstart =
                 function(){return false}
   else
   if (typeof
    obj.style.MozUserSelect!="undefined") 
      obj.style.MozUserSelect="none"
   else
      obj.onmousedown =
                 function(){return false}
   obj.style.cursor = "default"
} 



  function on_ove(e) {
     var evt = (e) ? e : event  ;
     var ref = evt.srcElement   ;
     if (!ref) {ref = evt.target}
     ref.b_col = ref.style.color;
     ref.style.color = ref.e_col;
  }

  function on_out(e) {
     var evt = (e) ? e : event  ;
     var ref = evt.srcElement   ;
     if (!ref) {ref = evt.target}
     ref.style.color = ref.b_col;
  }

function hrefText(canvas, l,t, txt,href )
{ var ref =document.createElement( "A" );
  var nod=document.createTextNode( txt );
      setStyle( ref, l,t,0,0 );
      ref.style.textDecoration = "none" ;
      ref.style.color = "#006090";
      ref.b_col       = "#006090";
      ref.e_col       = "#800000";
      if (href ) {
          ref.href    =  href }
      ref.appendChild(nod);
      ref.onmouseout  = on_out;
      ref.onmouseover = on_ove;
   canvas.appendChild(ref);  return ref ;
}

function hrefLink(canvas, link,href,titl,
                                    lnkc)
{ var ref =document.createElement( "A" );
      ref.style.textDecoration = "none" ;
      ref.style.cursor= "pointer";
      link.e_col   = "#800000";
      if (lnkc ) {
          link.e_col  = lnkc  }
      if (href ) {
          ref.href    = href  }
      if (titl ) {
          ref.title   = titl  }
      ref.appendChild(  link );
      ref.onmouseout  = on_out;
      ref.onmouseover = on_ove;
   canvas.appendChild(ref);  return ref ;
}



// --- txt функции ----------------------

function drawText(canvas, l,t, txt,color)
{ var rec=document.createElement("SPAN");
  var nod=document.createTextNode( txt );
      setStyle( rec, l,t,0,0 );
      rec.style.whiteSpace =  "nowrap"  ;
      rec.style.fontFamily = fName;
      rec.style.fontSize   = fSize;
      rec.style.fontStyle  = fStyl;
      rec.style.fontWeight = fWeig;
      rec.style.color = color ;
      rec.appendChild(nod);
   canvas.appendChild(rec);  return rec ;
}

function wrapText(canvas, l,t,w,h, a,txt,
                                   color)
{ var rec=document.createElement("SPAN");
  var nod=document.createTextNode( txt );
      setStyle( rec, l,t,w,h );
      rec.style.fontFamily = fName;
      rec.style.fontSize   = fSize;
      rec.style.fontStyle  = fStyl;
      rec.style.fontWeight = fWeig;
      rec.style.overflow= "hidden";
      rec.style.color = color ;
      if (a==0) {
          rec.style.textAlign = "left"  }
      if (a==1) {
          rec.style.textAlign = "right" }
      if (a==2) {
          rec.style.textAlign = "center"}
      if (a==3) {
          rec.style.textAlign ="justify"}
      rec.appendChild(nod);
   canvas.appendChild(rec);  return rec ;
}


function rectText(canvas, l,t,w,h, a,txt,
                                   color)
{ var rec=document.createElement("SPAN");
  var nod=document.createTextNode( txt );
      setStyle( rec, l,t,0,0 );
      rec.style.whiteSpace =  "nowrap"  ;
      rec.style.fontFamily = fName;
      rec.style.fontSize   = fSize;
      rec.style.fontStyle  = fStyl;
      rec.style.fontWeight = fWeig;
      rec.style.color = color ;
      rec.appendChild(   nod );
      canvas.appendChild(rec );
      var b = rec.offsetHeight;
      var r = rec.offsetWidth ;
      var y = 0;
      var x = 0;
      if (b< h) {y = (b-h) / 2}
      if (a==1) {x =  r-w     }
      if (a==2) {x = (r-w) / 2}
      rec.style.left= l-x+"px";
      rec.style.top = t-y+"px";
      // rect (top, right, bottom, left )
      b = y+h+"px,";
      r = x+w+"px,";
      y = y+  "px,";
      x = x+  "px)";
      rec.style.clip = "rect("+y +r+b +x;
      return rec ;
}


function editText(canvas, l,t,w,h, a,txt,
                            color, brush)
{ var mem=document.createElement(
                                "INPUT");
      setStyle( mem, l+1,t+1,w-2,h-2);
      mem.style.overflow   = "hidden";
      mem.style.fontFamily = fName;
      mem.style.fontSize   = fSize;
      mem.style.fontStyle  = fStyl;
      mem.style.fontWeight = fWeig;
      mem.style.color      = color;
      if (brush) {
         mem.style.backgroundColor
                           = brush}
      // для ie
      mem.style.lineHeight    = h-2+"px";
      mem.value = txt;
      if (a==0) {
          mem.style.textAlign = "left"  }
      if (a==1) {
          mem.style.textAlign = "right" }
      if (a==2) {
          mem.style.textAlign = "center"}
      if (a==3) {
          mem.style.textAlign ="justify"}
   drawRect(canvas, l,t,w,h, "#7F9FBF" );
   canvas.appendChild(mem);  return mem ;
}


function memoText(canvas, l,t,w,h, a,txt,
                            color, brush)
{ var mem=document.createElement(
                             "TEXTAREA");
      setStyle( mem, l+1,t+1,w-2,h-2);
      mem.style.overflow   = "hidden";
      //mem.style.border = 
      //          "solid 1px #7F9FBF";
      //mem.style.padding  = "1px";
      mem.style.fontFamily = fName;
      mem.style.fontSize   = fSize;
      mem.style.fontStyle  = fStyl;
      mem.style.fontWeight = fWeig;
      mem.style.color      = color;
      if (brush) {
         mem.style.backgroundColor
                           = brush}
      mem.value = txt;
      if (a==0) {
          mem.style.textAlign = "left"  }
      if (a==1) {
          mem.style.textAlign = "right" }
      if (a==2) {
          mem.style.textAlign = "center"}
      if (a==3) {
          mem.style.textAlign ="justify"}
   drawRect(canvas, l,t,w,h, "#7F9FBF" );
   canvas.appendChild(mem);  return mem ;
}



function listText(canvas, l,t,w,h, a_txt,
                            color, value)
{ var lst=document.createElement(
                               "SELECT");
  var res = a_txt.split(";"            );
      setStyle( lst, l+1,t+1,w-2,h-2);
      lst.style.overflow   = "hidden";
      lst.style.fontFamily = fName;
      lst.style.fontSize   = fSize;
      lst.style.fontStyle  = fStyl;
      lst.style.fontWeight = fWeig;
      lst.style.color      = color;
      //
      lst.options.length  = res.length;
      var i = 0;
      while (i < res.length) {
         lst.options[i].text  = res[i];
         lst.options[i].value = i + 1 ;
         i++;
      }
      if (value) {lst.value= value    }
   drawRect(canvas, l,t,w,h, "#7F9FBF" );
   canvas.appendChild(lst);  return lst ;
}



  function bt_ove(e) {
     var evt = (e) ? e : event  ;
     var ref = evt.srcElement   ;
     if (!ref) {ref = evt.target}
     ref = ref.butt;
     ref.style.backgroundColor = "#8689A2";
  }

  function bt_out(e) {
     var evt = (e) ? e : event  ;
     var ref = evt.srcElement   ;
     if (!ref) {ref = evt.target}
     ref = ref.butt;
     ref.style.backgroundColor = ref.bcol;
  }

  function bt_clc(e) {
     var evt = (e) ? e : event  ;
     var ref = evt.srcElement   ;
     if (!ref) {ref = evt.target}
     ref = ref.butt;
     if (ref.onclick) {ref.onclick(e)    }
  }

function buttText(canvas, l,t,w,h, c,txt,
                      color,click, title)
{ var but = fullRect(canvas, l,t,w,h, c ,
                         1,1,1,1, color);
  var nod = rectText(canvas, l,t,w,h, 2 ,
                             txt, color);
      but.bcol =  c ; but.butt = but;
      nod.butt = but; disableS(nod );
      nod.onmouseout  = bt_out;
      nod.onmouseover = bt_ove;
      nod.onclick     = bt_clc;
      but.onmouseout  = bt_out;
      but.onmouseover = bt_ove;
      nod.style.cursor =  "pointer" ;
      but.style.cursor =  "pointer" ;
      if (click) {but.onclick = click   }
      if (title) {nod.title   = title   ;
                  but.title   = title   }
      return  but ;
}



// инициализаци текущего шрифта ---------

function fontText(name,size,weight,style)
{ if (name     ) {fName =  name   }
  if (size     ) {fSize =size+"pt"}
  if (style ==1) {fStyl = "italic"}
            else {fStyl = "normal"}
  if (weight==1) {fWeig =  "bold" }
            else {fWeig = "normal"}
}

function fDefault()
{ fName = "Arial" ;
  fSize = "9pt";
  fStyl = "normal";
  fWeig = "normal";
}


function InitFont(canvas )
{ canvas.style.fontFamily = fName ;
  canvas.style.fontSize   = fSize ;
  canvas.style.fontStyle  = fStyl ;
  canvas.style.fontWeight = fWeig ;
}




function EmptyDiv(canvas )
{ var child =
        canvas.childNodes;
  var i = child.length -1;
  var nod = false;
  while ( i > -1) {
         nod = child[ i ];
  canvas.removeChild(nod);
  delete nod; i--;
  }
  nod =  canvas  ;
  if(nod.parentNode) {
  nod.parentNode.removeChild(nod )}
  delete canvas  ;
  // + рекурсия по дочерн.
}




// перемещение контейнера ---------------

  function onMsup(e) {
     document.onmouseup   =  "" ;
     document.onmousemove =  "" ;
     return false;
  }

  function onMove(e) {
     // отлавливаем координаты
     if (!e)  e = window.event  ;
     var rec = document.rec     ;
     var x2  = e.pageX || e.x   ;
     var y2  = e.pageY || e.y   ;

     // задаем эти координаты
     x2 = x2 - document.msX     ;
     y2 = y2 - document.msY     ;
     rec.style.top  = y2+"px"   ;
     rec.style.left = x2+"px"   ;
     return false;
  }

  function onDown(e) {
     if (!e)  e = window.event  ;
     var rec = e.srcElement     ;
     if (!rec) {rec = e.target  }
     var x2  = e.pageX || e.x   ;
     var y2  = e.pageY || e.y   ;
     document.msX = x2 -parseInt(
          rec.canvas.style.left);
     document.msY = y2 -parseInt(
          rec.canvas.style.top );
     document.rec  = rec.canvas ;
     document.onmouseup = onMsup;
     document.onmousemove=onMove;
     return false;
  }

function moveRect(canvas, l,t,w,h, color)
{ var rec=document.createElement("SPAN");
      setStyle( rec, l,t,w,h );
      rec.style.backgroundColor = color ;
      rec.style.fontSize="0px";
      rec.style.cursor= "move";
      rec.canvas = canvas;
      rec.onmousedown =  onDown ;
      rec.onmouseup   =  onMsup ;
   canvas.appendChild(rec);  return rec ;
}





// ajax отправка сообщения -----------------------

function SendPost(url,msg    ) {
  // перекодировка в utf
  msg = encodeURIComponent(msg);
  var xhr = false;
  var txt =  ""  ;
  if (window.XMLHttpRequest) {
     xhr = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) {
     xhr = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (xhr) {
     xhr.open("POST", url, false);
     xhr.setRequestHeader("User-Agent","mJAX");
     xhr.setRequestHeader("Accept","*/*");
     xhr.setRequestHeader("Accept-Language","ru");
     xhr.send( msg );
     if (xhr.readyState == 4) {
     if (xhr.status == 200  ) {
        txt = xhr.responseText;
     }
     }
  }

  return txt;
}


function AjaxPost(url,msg,prc) {
  // перекодировка в utf
  msg = encodeURIComponent(msg);
  var xhr = false;
  var txt =  ""  ;
  if (window.XMLHttpRequest) {
     xhr = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) {
     xhr = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (xhr) {
     xhr.open("POST", url, true );
     xhr.setRequestHeader("User-Agent","mJAX");
     xhr.setRequestHeader("Accept","*/*");
     xhr.setRequestHeader("Accept-Language","ru");
     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
     //
     xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
        if (xhr.status == 200  ) {
           prc(xhr.responseText) ;
        }  else {
           prc("error"         ) ;
        }
        }
     }
     xhr.send( msg );
  }
}



// загрузка js библиотеки по требованию ----------

function importJS( src       ) {
   var scr = document.createElement(  "script"  );
   scr.setAttribute("src", src );
   scr.setAttribute("type", "text/javascript"   );
   document.getElementsByTagName(
                    "head")[0].appendChild( scr );
}






// визуальные эффекты ----------------------------

  function fadeTime(time, tic, prc ) {
    if ((tic > 0) && (tic < 25)) { tic =  0      }
    if ((tic > -1) && (prc    )) { tic = prc(tic);
       setTimeout("fadeTime(" +
                 time+","+tic+","+prc+")", time) }
  }


  function midColor(begC,endC, percent) {
   var bRGB = begC.replace("#","").match(/.{2}/g);
   var eRGB = endC.replace("#","").match(/.{2}/g);
     if (percent < 0) { percent = 0 }
     if (percent > 1) { percent = 1 }
     var finishp = 1 - percent      ;
  var R = Math.floor( ('0x' + bRGB[0]) * percent
                    + ('0x' + eRGB[0]) * finishp);
  var G = Math.floor( ('0x' + bRGB[1]) * percent
                    + ('0x' + eRGB[1]) * finishp);
  var B = Math.floor( ('0x' + bRGB[2]) * percent
                    + ('0x' + eRGB[2]) * finishp);
  return "rgb(" + R + "," + G + "," + B + ")"    ;
  }





  // эфект мерцания

  var obj = false; var max = false;
  var beg = false; var end = false;

  function runFade( tic ) {
     obj.style.backgroundColor =
         midColor(beg,end,tic/max);
     tic = tic - 25;  return  tic }

function fadeRect(rec, tmt, bCL, eCL ) {
  if (!rec) { return        } obj = rec;
  if (!tmt) {tmt =  1000    } max = tmt;
  if (!bCL) {bCL = "#FF7805"} beg = bCL;
  if (!eCL) {eCL = "#FFFFFF"} end = eCL;
  fadeTime(25, max, runFade           );
}




  // эфект проявления

  var obp = false; var mxp = false;
  var bep = false; var enp = false;

  function runOpac( tic ) {
     setOpact(obp, bep +
         (enp-bep)*(1.0-tic/mxp) );
     tic = tic - 25;  return  tic }

function fadeOpac(rec, tmt, bOP, eOP ) {
  if (!rec) { return        } obp = rec;
  if (!tmt) {tmt =  1000    } mxp = tmt;
  if (!bOP) {bOP =  0.00    } bep = bOP;
  if (!eOP) {eOP =  1.00    } enp = eOP;
  fadeTime(25, mxp, runOpac           );
}





// установка прозрачность объекта ----------------

function opacProp()
{ if (typeof document.body.style.opacity ==
                       "string") return "opacity";
  if (typeof document.body.style.MozOpacity ==
                    "string") return "MozOpacity";
  if (typeof document.body.style.KhtmlOpacity ==
                  "string") return "KhtmlOpacity";
  if (document.body.filters &&
      navigator.appVersion.match(
       /MSIE ([\d.]+);/)[1]>=5.5) return "filter";
  return false;
}

function setOpact(obj, opac)
{ var prop = opacProp();
  if (!prop) {return   }
  if (prop =="filter") {
     opac *= 100;
     var alph =  obj.filters["DXImageTransform.Microsoft.alpha"] || obj.filters.alpha;
     if (alph) alph.opacity = opac;
     else obj.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+opac+")";
  }
  else obj.style[prop] = opac;
}