
function createXMLHttp()
{
    if (typeof XMLHttpRequest != "undefined")
    {
        return new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        var aVersion = [ "MSXML2.XMLHttp.5.0" , "MSXML2.XMLHttp.4.0" , "MSXML2.XMLHttp.3.0" , "MSXML2.XMLHttp" , "Microsoft.XMLHttp" ];
        for (var i = 0; i < aVersion.length; i++)
        {
            try
            {
                var oXmlHttp = new ActiveXObject(aVersion[i]);
                return oXmlHttp;
            }
            catch (oError)
            {
            }
            
        }
    }
    throw new Error("Błd");
}

function loadColors()
{
 	var divLista = document.getElementById("divLista");
 	divLista.innerHTML = "<br><br><center><img src='images/ajax.gif' border='0'></center>";
 	
 		var mulinaFrom = document.getElementById("mulinaFrom");
		var idMuliny = mulinaFrom.value;
		//alert (idMuliny);
		var oXmlHttp = createXMLHttp();
		oXmlHttp.open("get", "kolory.php?id=" + idMuliny, true);
		oXmlHttp.onreadystatechange = function()
		{
			if (oXmlHttp.readyState == 4)
			{
				if (oXmlHttp.status == 200)
				{
					displayList(oXmlHttp.responseText);
				}
				else
				{
					displayList(oXmlHttp.statusText);
				}
			}
		}
	        
		oXmlHttp.send(null);
}

function result()
{
 	var change = document.getElementById("DivChange");
 	change.innerHTML = "<br><br><center><img src='images/ajax.gif' border='0'></center>";
 	
 		var tmp1 = document.getElementById("from");
		var z = tmp1.value;
		var tmp2 = document.getElementById("to");
		var na = tmp2.value;
		var tmp3 = document.getElementById("txtKolor");
		var id_muliny = tmp3.value;
		
		var oXmlHttp = createXMLHttp();
		oXmlHttp.open("get", "change.php?from=" + z + "to=" + na + "id=" + id_muliny, true);
		oXmlHttp.onreadystatechange = function()
		{
			if (oXmlHttp.readyState == 4)
			{
				if (oXmlHttp.status == 200)
				{
					displayResult(oXmlHttp.responseText);
				}
				else
				{
					displayResult(oXmlHttp.statusText);
				}
			}
		}
	        
		oXmlHttp.send(null);
}

function showResult(oButton)
{
	var change_but = document.getElementById("change_but");
	var divChange = document.getElementById("divChange");
	if (change_but.value == "Zamień")
	{

		divChange.style.display = "inline";
		change_but.value = "Zmienione";
	}
	else
	{
		divChange.style.display = "none";
		change_but.value = "Zamień";
	}
}

function showList(oButton)
{
	var cmdRozwin = document.getElementById("cmdRozwin");
	var divLista = document.getElementById("divLista");
	if (cmdRozwin.value == ">")
	{
		divLista.style.top = getTopFromButton(oButton) + "px";
		divLista.style.left = getLeftFromButton(oButton) + "px";
		divLista.style.display = "block";
		cmdRozwin.value = "<";
	}
	else
	{
		divLista.style.display = "none";
		cmdRozwin.value = ">";
	}
}

function displayResult(sText)
{
	var divChange = document.getElementById("divChange");
	divChange.innerHTML = sText;
}

function displayList(sText)
{
	//var cmdRozwin = document.getElementById("cmdRozwin");
	var divLista = document.getElementById("divLista");
	divLista.innerHTML = sText;
}

function insertColor(kolor)
{
	var txtKolor = document.getElementById("txtKolor");
	txtKolor.value = kolor;
	var divLista = document.getElementById("divLista");
	divLista.style.display = "none";
	var cmdRozwin = document.getElementById("cmdRozwin");
	cmdRozwin.value = ">";
	
}

function getLeftFromButton(oButton)
{
	var oNode = oButton;
	var iLeft = 0;
	
	while (oNode.tagName != "BODY")
	{
		iLeft += oNode.offsetLeft;
		oNode = oNode.offsetParent;
	}
	
	iLeft -= 122;
	
	return iLeft;
}

function getTopFromButton(oButton)
{
	var oNode = oButton;
	var iTop = 0;
	
	while (oNode.tagName != "BODY")
	{
		iTop += oNode.offsetTop;
		oNode = oNode.offsetParent;
	}
	
	iTop += oButton.offsetHeight;
	
	return iTop;
}

function setPointer(element, color, id)
{
	element.style.backgroundColor = color;
	element.style.cursor='hand';
}


