var cap_option,palette,palette1,color = ''; 
var nocolor='#DE4747';
function setColor(c){ 
    eval(color+'="'+c+'"'); 
} 
function showPalette(el, prop,i){ 
    color = prop; 
    if(i == 1)
    {
    	//palette.style.left = getObjX(el); 
    	//palette.style.top = getObjY(el) + 20; 
    }
    else
    {
    	palette.style.left = getObjX(el)-41; 
    	palette.style.top = getObjY(el)+21; 
    }
    palette.style.visibility = 'visible';
    cap_option.style.visibility = 'visible';
     
} 
function showPalette1(el, prop){ 
    color = prop; 
    palette1.style.left = getObjX(el); 
    palette1.style.top = getObjY(el)+20; 
    palette1.style.visibility = 'visible'; 
} 
function getObj(name) { 
    return (document.getElementById && document.getElementById(name))||document[name]||(document.all && document.all[name]); 
} 
function getObjX(el){ 
    var left = 0; 
    if(el.offsetParent){ 
        while(1){ 
            left += el.offsetLeft; 
            if(!el.offsetParent)break; 
            el = el.offsetParent; 
        } 
    }else if(el.x)left += el.x; 
    return left; 
} 

function getObjY(el){ 
    var top = 0; 
    if(el.offsetParent){ 
        while(1){ 
            top += el.offsetTop; 
            if(!el.offsetParent)break; 
            el = el.offsetParent; 
        } 
    }else if(el.y)top += el.y; 
    return top; 
} 
function relateColor(id, color) 
{
     	var link = document.getElementById(id);
     	if (color == '') {
	     	link.style.background = nocolor;
	     	link.style.color = nocolor;
	     	color = nocolor;
     	} else {
	     	link.style.background = color;
	     	link.style.color = color;
	    }
	  //  eval(document.getElementById(id + 'field').title);
}    
function init(){ 
    palette = getObj('palette'); 
    palette1 = getObj('palette1'); 
    cap_option = getObj('cap_option');
} 
function init1(){ 
    palette = getObj('palette'); 
}