var curElm = "";
var cssDx = 0;
var cssDy = 0;
var cssArr = new Array();

function moveCssEditSwitch() {
  if (window.document.onmousemove != null) {
    window.document.onmousemove=null;
    cssDSet = false;
  } else {
    window.document.onmousemove=moveCssEdit;
    cssDx = event.x-parseInt(window.document.all.cssEdit.style.left);
    cssDy = event.y-parseInt(window.document.all.cssEdit.style.top);
  }  
}

function moveCssEdit() {
  window.document.all.cssEdit.style.left = event.x-cssDx;
  window.document.all.cssEdit.style.top = event.y-cssDy;
}

function minCssEdit() {
  if (window.document.all.cssEdit.style.overflow == 'hidden')
    window.document.all.cssEdit.style.overflow = 'visible';
  else window.document.all.cssEdit.style.overflow = 'hidden';
  window.document.all.cssResult.style.visibility = 'hidden';
}

function asmStyles(stl) {
  var str = "";
  for (i = 0; i < stl.length; i++) {
      var splitted = stl[i].split("=");
      str += splitted[0] + ":" + splitted[1] + "; ";
  }
  return str;
}

function initCss() {
  window.document.all.cssEdit.style.visibility = 'visible'; 
  insertEditor(css);
}

function fixStyleName(name) {
	var spl = name.split("-");
	var s = spl[0];
	var i = 0;
	if (spl.length > 1)
	  for (i = 1; i < spl.length; i++)
	    s += spl[i].charAt(0).toUpperCase() + spl[i].substr(1,spl[i].length-1);
  return s;
}

function acceptStyle() {
	var s1 = "";
	
  if (curElm.length == 0) return;
  var stl = getStyle();
  var i = 0;
  for (i = 0; i < stl.length; i++) {
    var splitted = stl[i].split("=");
    
    //set element style
    var s = "window.document.all." + curElm + ".style." + fixStyleName(splitted[0]) + " = " + "'" + splitted[1] + "';";
  	eval(s);
  	
    //set in lookup array
    var stlName = curElm + "." + splitted[0];
    var stlValue = splitted[1];
    var i2;
    var st = false;
    for (i2 = 0; i2 < cssArr.length; i2++)
      if (cssArr[i2][0] == curElm)
        if (cssArr[i2][1] == splitted[0]) {
          cssArr[i2][2] = splitted[1];
          st = true;
          break;
        }  
    if (!st)
      cssArr[cssArr.length] = new Array(curElm,splitted[0],splitted[1]);
  }
}

function setActiveElm(elm) {
  if (elm.length != 0)
    curElm = elm;
  window.cssEditElm.innerHTML = elm;
  var i;
  for (i = 24; i > 0; i--)
    window.document.all.cssEditSlc.options[i].text = window.cssEditSlc.options[i-1].text;
  window.document.all.cssEditSlc.options[0].text = elm;
}

function setOptionElm() {
  var elm = window.document.all.cssEditSlc.options[window.cssEditSlc.selectedIndex].text;
  curElm = elm;
  window.document.all.cssEditElm.innerHTML = elm;
}

function showDone() {
  window.document.all.cssResult.style.visibility = 'visible';
  window.document.all.cssResult.style.zIndex = 100;
  window.document.all.cssEdit.style.overflow = 'hidden';
  window.document.all.cssEdit.style.top = 10;
  window.document.all.cssEdit.style.left = 10;
  
  cssArr.sort();
  var s = "";
  var i;
  var elm = 0;
  for (i = 0; i < cssArr.length; i++) {
    if (cssArr[i][0] != elm) {
      if (elm != 0) s += "}<br /><br />";
      s += "*#" + cssArr[i][0] + "&nbsp;{<br />";
      elm = cssArr[i][0];
    }  
    s += "&nbsp;&nbsp;" + cssArr[i][1] + ":" + cssArr[i][2] + ";<br />";
  }
  if (cssArr.length > 0)
    s += "}<br /><br />";
  window.document.all.cssResult.innerHTML = s;
}