function fixEvent(e) {
    // получить объект событие для IE
    e = e || window.event
 
    // добавить pageX/pageY для IE
    if ( e.pageX == null && e.clientX != null ) {
        var html = document.documentElement
        var body = document.body
        e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
        e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
    }
 
    // добавить which для IE
    if (!e.which && e.button) {
        e.which = e.button & 1 ? 1 : ( e.button & 2 ? 3 : ( e.button & 4 ? 2 : 0 ) )
    }
	// e.pageX=e.pageX-33;
	// e.pageY-=0;
    return e
}
function getOffset(elem) {
    if (elem.getBoundingClientRect) {
        // "правильный" вариант
        return getOffsetRect(elem)
    } else {
        // пусть работает хоть как-то
        return getOffsetSum(elem)
    }
}

function getOffsetSum(elem) {
    var top=0, left=0
    while(elem) {
        top = top + parseInt(elem.offsetTop)
        left = left + parseInt(elem.offsetLeft)
        elem = elem.offsetParent
    }

    return {top: top, left: left}
}

function getOffsetRect(elem) {
    // (1)
    var box = elem.getBoundingClientRect()

    // (2)
    var body = document.body
    var docElem = document.documentElement

    // (3)
    var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
    var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft

    // (4)
    var clientTop = docElem.clientTop || body.clientTop || 0
    var clientLeft = docElem.clientLeft || body.clientLeft || 0

    // (5)
    var top  = box.top +  scrollTop - clientTop
    var left = box.left + scrollLeft - clientLeft

    return { top: Math.round(top), left: Math.round(left) }
}

/////////////////////////////////////////
function defPosition(event,pic,element,path,stat) {
var color_sel = document.getElementById('color_sel');

event = fixEvent(event);
 var pos = getOffset(document.getElementById(pic));
 
	x= event.pageX - pos.left; 
    y= event.pageY - pos.top;
	
	ax=event.pageX-170;
	ay=event.pageY-312;
	
	//ax=pos.left;
	//ay=pos.top;
	
	document.getElementById("color_sel").style.display="block";
	document.getElementById("color_sel").style.left=ax+"px";
	document.getElementById("color_sel").style.top=ay+"px";
		url="get_color.php?file="+path+"&x="+x+"&y="+y+"&stat="+stat;
		
		//alert(x+":"+y);
		xmlReq=get_req();
				xmlReq.onreadystatechange = function()
				{
	
				if(xmlReq.readyState == 4)
				   {
				   //alert(xmlReq.responseText);
				   s=xmlReq.responseText.split("\n");
				    document.getElementById(element).style.backgroundColor=s[0];
				    document.getElementById(element+"_hid").value=s[1];
					  document.getElementById(element).value= s[0];
					  document.getElementById(element).disabled=false;
                    
				   }
				}
				document.getElementById(element).disabled=true;
				xmlReq.open ('GET', url, true);
				xmlReq.send (null);
}


cc = [];

function begin_color_search(){

	col = document.add_color_form.color.value;
	rgb = document.add_color_form.color_hid.value;
	proc = document.add_color_form.proc.value;
	
	m = (document.add_color_form.main_cat.selectedIndex?document.add_color_form.main_cat[document.add_color_form.main_cat.selectedIndex].value:0);
	s = (document.add_color_form.sub_cat.selectedIndex?document.add_color_form.sub_cat[document.add_color_form.sub_cat.selectedIndex].value:0);
	
	if(!col || !rgb){
		alert("Выберите цвет");
		return;
	}
	m=parseInt(m);
	s=parseInt(s);
	
	url="ajax_col_search.php?col="+col+"&rgb="+rgb+"&proc="+proc+"&main="+m+"&sub="+s;
	loadData(get_req(),url,"content");
	document.getElementById("content").innerHTML = loading;
	
}