var currentId = "";

function hideright(objCol) {
    
    var str = objCol.innerHTML.replace(/^\s*|\s*$/g,"");
    if (str=='') {return 'none';}
    else {return '';}

}
function editItem(objTarget, itemId)
{
    var objDiv = document.getElementById('divItem');
    setPosition(objTarget, objDiv, -18);
   
   	var itmTitle = document.getElementById('itmtitle' + itemId);
	var itmText = document.getElementById('itmtext' + itemId);
	var txtTitle = document.getElementById('ctl00_ContentPlaceHolder2_txtItemTitle');
	var txtText = document.getElementById('ctl00_ContentPlaceHolder2_txtItemText');
	var txtId = document.getElementById('ctl00_ContentPlaceHolder2_txtItemId');
	
	txtTitle.value = itmTitle.innerHTML;
	txtText.value = itmText.innerHTML;
	txtId.value = itemId;
	
}

function setPosition(objTarget, objDiv, offSet) {
	var intLeft = 0;
   var intTop  = 0;
   var tmpObj = objTarget;
   
	 // telt 2 bij de top op (tussenrandje)
   intTop  += tmpObj.offsetHeight + 2;
	
	 // Doorloopt alle bovenliggende objecten om de totale absolute left en top
	 // te krijgen.
   while(tmpObj != null)
   {
      intLeft += tmpObj.offsetLeft;
      intTop  += tmpObj.offsetTop;
      tmpObj   = tmpObj.offsetParent;
   }
   
   // Als het iframe van het scherm afvalt aan de rechterkant naar links verplaatsen.
   if(document.body.clientWidth < (intLeft+objDiv.clientWidth))
      intLeft = intLeft-objDiv.clientWidth+(objTarget.offsetWidth);
   // als het iframe van het scherm afvalt aan de onderkant naar boven verplaatsen.
   if(document.body.clientHeight < (intTop+objDiv.clientHeight))
      intTop = intTop-objDiv.clientHeight-(objTarget.offsetHeight+4);
   objDiv.style.left = intLeft;
   objDiv.style.top  = intTop + offSet;
   objDiv.style.display = '';

}

function showColorPicker(objTarget, itemId){
    var objDiv = document.getElementById('divColorPicker');
	setPosition(objTarget, objDiv, 0);
	currentId = itemId;
	
}

function chooseColor(color) {
	document.getElementById('divcolor'+ currentId).style.backgroundColor='#' + color;	
	document.getElementById('ansColor'+ currentId).value = color;
	hideDiv();
}

function hideDiv() {
	document.getElementById('divColorPicker').style.display='none';
}