/**

	* Znajduje pozycje elementu wzgledem strony.

	*/

function getPageCoords(element)

{

  var coords = {x : 0, y : 0};

  while (element)

	{

    coords.x += element.offsetLeft;

    coords.y += element.offsetTop;

    element = element.offsetParent;

  }

  return coords;

}





function systemImageMapMouseMoveOver(e, elementId, blnShowDescription)

{

	if (!e)

	{

		e = event;

	}



  dnd_intClickedClientX = (window.pageXOffset ? window.pageXOffset : document.body.scrollLeft) + e.clientX;

  dnd_intClickedClientY = (window.pageYOffset ? window.pageYOffset : document.body.scrollTop) + e.clientY;



	// Polozenie miejsca klikniecia wzgledem divSystemImage:

	clickedX = dnd_intClickedClientX - mainContainerCoords.x;

	clickedY = dnd_intClickedClientY - mainContainerCoords.y;



	if (blnShowDescription)

	{

		document.getElementById('systemElementDescription').style.left = clickedX + 10;

		document.getElementById('systemElementDescription').style.top = clickedY - 30 +300;

	}

}



/**

	*

	*

	*

	* @param blnChangeImageOnly jesli true, wowczas nie zostana obliczone wspolrzedne

	*        klikniecia, a jedynie zostatnie zmieniony obrazek z czarnego na niebieski itp

	*        (tak jest przy najezdzaniu na liste elementow).

	*/

function systemImageMapMouseOver(ev, elementId, blnShowDescription, blnChangeImageOnly)

{

	if (!ev)

	{

		ev = event;

	}



	if (!blnChangeImageOnly)

	{

	  dnd_intClickedClientX = (window.pageXOffset ? window.pageXOffset : document.body.scrollLeft) + ev.clientX;

	  dnd_intClickedClientY = (window.pageYOffset ? window.pageYOffset : document.body.scrollTop) + ev.clientY;



		// Polozenie miejsca klikniecia wzgledem divSystemImage:

		clickedX = dnd_intClickedClientX - mainContainerCoords.x;

		clickedY = dnd_intClickedClientY - mainContainerCoords.y;



		// Pokazujemy opis.

		if (blnShowDescription)

		{

		  if (document.getElementById('systemElementDescription'))

		  {

				document.getElementById('systemElementDescription').style.left = clickedX + 10;

				document.getElementById('systemElementDescription').style.top = clickedY - 30 +300;

				if ( arrSystemElementsDescr2[elementId] )

					document.getElementById('systemElementDescription').innerHTML = arrSystemElementsDescr2[elementId];

				else

					document.getElementById('systemElementDescription').innerHTML = arrSystemElementsDescr[elementId];

				document.getElementById('systemElementDescription').style.visibility = 'visible';

			}

			if (arrSystemElementsImage[elementId])

			{

				i = 300;

				document.getElementById('systemElementImage').innerHTML = '<img height="'+i+'" src="/upload/images/'+arrSystemElementsImage[elementId]+'" alt="" title="" style="position: relative; " />';

				document.getElementById('systemElementImage').style.visibility = 'visible';

			}

		}

	}



//	if (arrSystemElementsDescr[elementId] && arrSystemElementsDescr[elementId] != strNAString)

	if (arrSystemElementsDescr[elementId] )

	{

		// Zmieniamy obrazek na over.

		if (document.getElementById('element_' + elementId + '_over'))

		{

		  document.getElementById('element_' + elementId).style.visibility = 'hidden';

		  document.getElementById('element_' + elementId + '_over').style.visibility = 'visible';

		  document.getElementById('element_' + elementId + '_checked').style.visibility = 'hidden';

		}

	}

}///~ systemImageMapMouseOver()





function systemImageMapMouseOut(ev, elementId)

{

	if (!ev)

	{

		ev = event;

	}



	document.getElementById('systemElementDescription').style.visibility = 'hidden';

	document.getElementById('systemElementImage').style.visibility = 'hidden';



//	if (arrSystemElementsDescr[elementId] && arrSystemElementsDescr[elementId] != strNAString)

	if (arrSystemElementsDescr[elementId] )

	{

		if (window.document.forms.theForm['chkBox_' + elementId].checked)

		{

		  if (document.getElementById('element_' + elementId + '_over'))

		  {

			  document.getElementById('element_' + elementId).style.visibility = 'hidden';

			  document.getElementById('element_' + elementId + '_over').style.visibility = 'hidden';

			  document.getElementById('element_' + elementId + '_checked').style.visibility = 'visible';

			}

		}

		else

		{

		  if (document.getElementById('element_' + elementId + '_over'))

		  {

			  document.getElementById('element_' + elementId).style.visibility = 'visible';

			  document.getElementById('element_' + elementId + '_over').style.visibility = 'hidden';

			  document.getElementById('element_' + elementId + '_checked').style.visibility = 'hidden';

			}

		}

	}



	// Odswietlamy linie.

	if (document.getElementById('tr__' + elementId))

	{

	  if (arrSystemElementsBGColors[elementId])

	  {

	  	document.getElementById('tr__' + elementId).style.background = arrSystemElementsBGColors[elementId];

		}

	}

}///~ systemImageMapMouseOut()







function systemImageMapMouseClick(e, elementId, blnChangeCheckbox)

{

	if (arrSystemElementsDescr[elementId] && arrSystemElementsDescr[elementId] != strNAString)

	{

		if (blnChangeCheckbox && window.document.forms.theForm['chkBox_' + elementId])

		{

		  if (window.document.forms.theForm['chkBox_' + elementId].checked)

		  {

		  	window.document.forms.theForm['chkBox_' + elementId].checked = false;

		  	window.document.forms.theForm['txtQuantity_' + elementId].disabled = true;

			}

			else

			{

		  	window.document.forms.theForm['chkBox_' + elementId].checked = true;

		  	window.document.forms.theForm['txtQuantity_' + elementId].disabled = false;

			}

			uptadeSummaryPrice();

		}

	}

	if (arrSystemElementsDescr[elementId] && arrSystemElementsDescr[elementId] != strNAString)

		systemImageMapMouseOut(e, elementId);

}



/**

	* Obsluguje klikniecie w element ukladu.

	*/

function handleSystemElementClick(e)

{

	if (!e)

	{

		e = event;

	}



  dnd_intClickedClientX = (window.pageXOffset ? window.pageXOffset : document.body.scrollLeft) + e.clientX;

  dnd_intClickedClientY = (window.pageYOffset ? window.pageYOffset : document.body.scrollTop) + e.clientY;



	// Polozenie miejsca klikniecia wzgledem divSystemImage:

	clickedX = dnd_intClickedClientX - mainContainerCoords.x;

	clickedY = dnd_intClickedClientY - mainContainerCoords.y;

	

}///~ handleSystemElementClick()



/**

	* Zaznacza wszystkie tlumiki i elementy ukladu.

	*/

function systemCheckAll()

{

	for (intProductID in arrSystemElementsDescr)

	{

		//alert(intProductID);

		if (window.document.forms.theForm['chkBox_' + intProductID])

		{

	  	window.document.forms.theForm['chkBox_' + intProductID].checked = true;

	  	window.document.forms.theForm['txtQuantity_' + intProductID].disabled = false;

	  	systemImageMapMouseClick(event, intProductID, false);

		}

	}

}///~ systemCheckAll()



var mainContainerCoords = null;

var arrSystemElementsBGColors = new Array();

function calculateMainContainerCoords()

{

  dnd_divMainContainer = document.getElementById('divSystemImage');

	mainContainerCoords = getPageCoords(dnd_divMainContainer);

}