// JavaScript Document
function create_color_picker() {

  cp = document.createElement("div");
  cp.setAttribute("id","cpick");
  cp.setAttribute("class","cpick");
  cp.setAttribute("className","cpick");
  cp.style.visibility = "hidden";
  
  document.getElementById("container").appendChild(cp);

	wert = new Array(18)

	wert[0]="00"
	wert[1]="11"
	wert[2]="22"
	wert[3]="33"
	wert[4]="44"
	wert[5]="55"
	wert[6]="66"
	wert[7]="77"
	wert[8]="88"
	wert[9]="99"
	wert[10]="AA"
	wert[11]="BB"
	wert[12]="CC"
	wert[13]="DD"
	wert[14]="EE"
	wert[15]="FF"
	wert[16]="C0" //spezial grauton "silver"
	wert[17]="80" //spezial grauton "gray"
	
  var tabinhalt = '';

	tabinhalt += '<input id="cptarget" type="hidden" value="">';
	tabinhalt += '<table border="0" cellpadding="0" cellspacing="1" style="width:140px;background-color:#cccccc; border-width:1px; border-color:black; border-style:solid;">';
	tabinhalt += '<tr><td align="right" colspan="13"><input id="sdt_btn" style="visibility:hidden;" type="button" value="Standart" onclick="javascript:reset();"><img src="'+relpath+'inc/gfx/cross.png" onclick="javascript:hidecp();"></td></tr>';
	for(var i=0; i<18; i++) {
		tabinhalt += '<tr>';
		for(var j=0; j<13; j++) {
			if (i < 6)
				if (j < 6) k = 5;
				else k = 4;
			if ((i > 5) && (i < 12))
				if (j < 6) k = 2;
				else k = 3;
			if (i > 11)
				if (j < 6) k = 1;
				else k = 0;
			if (i < 6) l = 5 - i;
			if ((i > 5) && (i < 12)) l = i - 6;
			if (i > 11) l = 17 - i;
			if (j < 6) m = j;
			else m = 11 - j;

			if (j==12) {
				k = l = m = 17-i;
			} else {
				k *= 3;
				l *= 3;
				m *= 3;
			}
			farb = "" + wert[k] + wert[l] + wert[m];
			tabinhalt += '<td style="width:10px;height:10px;" bgcolor="#' + farb + '" onclick="javascript:setcolor(\'#'+farb+'\');"></td>';
		}
		tabinhalt += '</tr>';
	}
	tabinhalt += '</table>';
	
  document.getElementById("cpick").innerHTML = tabinhalt;
	
}

function showcp(e) {
  // Object ID Bestimmen
  var e2 = (window.event)? window.event: e;
  objSrc = (e2.target)? e2.target : e2.srcElement;
  clicked = objSrc.id;
  ob_id = clicked.substr(0,clicked.lastIndexOf('_'));

  // Mauspos ermitteln
    aktivX = (e) ? e.pageX :
            event.clientX + document.body.scrollLeft;
    aktivY = (e) ? e.pageY :
            event.clientY + document.body.scrollTop;

  document.getElementById("cpick").style.left = aktivX+20 +'px';
  document.getElementById("cpick").style.top = aktivY-5 +'px';
  document.getElementById("cptarget").value = clicked;

  if(document.getElementById(ob_id+'_alink')){
    document.getElementById("sdt_btn").style.visibility = "hidden";
  }else{
    document.getElementById("sdt_btn").style.visibility = "visible";
  }

  document.getElementById("cpick").style.visibility = "visible"; 
}

function hidecp() {
  document.getElementById("sdt_btn").style.visibility = "hidden";

  document.getElementById("cpick").style.visibility = "hidden"; 
  document.getElementById("cpick").style.left = '0px';
  document.getElementById("cpick").style.top = '0px';
}

function setcolor(r) {
  if(document.getElementById("cptarget").value=="sitebg"){
    show_load();  
    // Elementeposition in DB aktualisieren ,onSuccess: function(reponse) {alert(reponse.responseText);}
    new Ajax.Request(relpath+"inc/php/ajax.php",{method: 'post', parameters:{sid:sid,aktion:'set_sitebg',color:r},onSuccess: function(reponse) {eval(reponse.responseText);}});
  }else{
    document.getElementById(document.getElementById("cptarget").value).style.backgroundColor=r;
  }
  hidecp();
}

function reset() {
  if(document.getElementById("cptarget").value=="sitebg"){
    show_load();  
    // Elementeposition in DB aktualisieren ,onSuccess: function(reponse) {alert(reponse.responseText);}
    new Ajax.Request(relpath+"inc/php/ajax.php",{method: 'post', parameters:{sid:sid,aktion:'set_sitebg',color:'default'},onSuccess: function(reponse) {eval(reponse.responseText);}});
  }else{
    eid = document.getElementById("cptarget").value.substr(0,document.getElementById("cptarget").value.lastIndexOf('_'));
    
    // wenn ein bookmark 
    if(document.getElementById(eid+'_alink')){
    // wenn eine BOX
    }else{
      document.getElementById(eid+"_ncontbgc").style.backgroundColor="";
      document.getElementById(eid+"_ntitlebgc").style.backgroundColor="";
    
      document.getElementById(eid+"_nbcolor").style.backgroundColor="#d3d3d3";
      document.getElementById(eid+"_ntitlefc").style.backgroundColor="#000000";
    }
  }
}

function setsitebg(color){


  if (color=='reset'){
  
  
    document.getElementById('idexbody').style.backgroundColor='#ffffff';
    document.getElementById('idexbody').style.background='url(../gfx/outerbg.jpg) repeat-x';
    
    document.getElementById('outer').style.backgroundColor='';

    document.getElementById('contbgl').style.backgroundColor='#ffffff';
    document.getElementById('contbgl').style.background='url(../gfx/contl.jpg) no-repeat';

    document.getElementById('contbgr').style.backgroundColor='#ffffff';
    document.getElementById('contbgr').style.background='url(../gfx/contr.jpg) no-repeat';

    document.getElementById('conttbl').style.backgroundColor='#ffffff';
    
    document.getElementById('filler').style.backgroundColor='#ffffff';
    document.getElementById('filler').style.background='url(../gfx/contbg.jpg) repeat-x';

    document.getElementById('conttbl2').style.backgroundColor='#ffffff';
    document.getElementById('conttbl2').style.background='url(../gfx/contbg.jpg) repeat-x';

    document.getElementById('site_footer').style.backgroundColor='';

  
  }else{
    document.getElementById('idexbody').style.backgroundColor=color;
    document.getElementById('outer').style.backgroundColor=color;
    document.getElementById('contbgl').style.backgroundColor=color;
    document.getElementById('contbgr').style.backgroundColor=color;
    document.getElementById('conttbl').style.backgroundColor=color;
    document.getElementById('filler').style.backgroundColor=color;
    document.getElementById('conttbl2').style.backgroundColor=color;
    document.getElementById('site_footer').style.backgroundColor=color;
  }

}