function Env() {
	if(document.layers)
		this.browser='ns4';
	else  if(navigator.appName.indexOf('Netscape')!=-1) 
		this.browser='ns6';
	else 
		this.browser='ie';
	
	if(navigator.platform.indexOf('Win')==-1&&navigator.platform.indexOf('win')==-1)
		this.sys = 'mac';
	else
		this.sys = 'win';
}
env = new Env();
//***************************************************

function ColorPicker() {
		this.elem = null;
				
		this.setActiveElem = 
			function(element_id) {
				new_elem = getElementById(element_id);			
				if(this.elem != new_elem) this.elem = new_elem; 
			};
		
		this.setValue = 
			function(hex_color) {
				if(this.elem) {
					this.elem.value = hex_color;
					this.onSetValue();
				}				
			};
	}
//***************************************************

function getElementById(id) // находит элемент с указанным Id
{	
	switch(env.browser)
	{
		case'ie': { return document.all[id]; break; }
		case'ns4':{ return eval('document.'+id); break; }
		case'ns6':{ return document.getElementById(id); break; }
	}
	return null;
}

function getElementStyleById(id) // находит элемент с указанным Id
{	
	if(env.browser != 'ns4')
		return getElementById(id).style;
	else 
		return getElementById(id);
}

function isElementVisible(id) {
	var es = getElementStyleById(id);
	if(es.visibility=='visible' || es.visibility=='show')
		return true;
	else
		return false;
}
	
function isDisplayed(id) {
	var es = getElementStyleById(id);
	if(getElementStyleById(id).display!='none')
		return true;
	else 
		return false;
}
	
function setVisibility(id, show) {
	var es = getElementStyleById(id);
	(show == 1) ? es.visibility='visible' : es.visibility='hidden';
}
	
function setDisplay(id,show) {
	var es = getElementStyleById(id);
	(show == 1) ? es.display='block' : es.display='none';
}

//***********************************************

function getx(id) // gibt den x-wert eines layers zurьck 
{
	if(browser=='ie')return dstyle(id).pixelLeft;
	else return parseInt(dstyle(id).left)
}

function gety(tar) // gibt den y-wert eines layers zurьck 
{
	if(browser=='ie')return dstyle(id).pixelTop;
	else return parseInt(dstyle(id).top)
}

function setx(id,value){browser=='ie'?dstyle(id).pixelLeft=value:dstyle(id).left=value;} // setzt den x-wert eines layers
function sety(id,value){browser=='ie'?dstyle(id).pixelTop=value:dstyle(id).top=value;} // setzt den y-wert eines layers

function setc(id,mode,value) // setzt den clip-wert fьr einen layer; mode=t(top),b(bottom),l(left),r(right)
{
	var ref=dstyle(id);
	switch(mode)
	{
		case't':{browser=='ns4'?ref.clip.top=value:ref.clip='rect('+value+'px auto auto auto)';break;}
		case'r':{browser=='ns4'?ref.clip.right=value:ref.clip='rect(auto '+value+'px auto auto)';break;}
		case'b':{browser=='ns4'?ref.clip.bottom=value:ref.clip='rect(auto auto '+value+'px auto)';break;}
		case'l':{browser=='ns4'?ref.clip.left=value:ref.clip='rect(auto auto auto '+value+'px)';break;}
	}
}