// JavaScript Document

function mousePageXY(e)
{

  var x = 0, y = 0;

  if (!e) e = window.event;

  if (e.pageX || e.pageY)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else if (e.clientX || e.clientY)
  {
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }
  //alert(e.clientX);
  return {"x":x, "y":y};
}
//функция ищет блоки с нужным классом
//tag-имя тега снужным класом cl-имя класса
function elClass(tag, cl, par){
	var doc = par?par:document;
	var t = doc.getElementsByTagName(tag);
	var ob = new Array;
	ob[0] = false;
	var n = 0;
	for(var i=0; i<t.length; i++){
		var cA = t[i].className.split(' ');
		for(var j=0; j<cA.length; j++){
			if(cA[j]==cl){
				ob[n]=t[i];
				n++;
				break;
			}
		}
		//if(ob)break;
	}
	if(ob[0])return ob;	
	else return false;
}


var traversal = typeof document.createElement('div').childElementCount != 'undefined';
var next = traversal ? function(node) {return node.nextElementSibling;} : function(node) {while(node = node.nextSibling) if(node.nodeType == 1) break; return node;};

//Откраывает попап и производит в нем изменения
function colorsPopapOpen(popap, t){
	var sp = next(t);
	var bg = sp.style.background;
	var text = sp.innerHTML;//.split('<BR>');
	//alert(text);
	popap.style.display = 'block';
	elClass('div', 'colorsPl', popap)[0].style.background = bg;
	elClass('div', 'blockTitle', popap)[0].innerHTML = text;//.join(' ');
	//alert(sh);
	//return false;
	var shad = elClass('div', 'shadow')[0];
	shad.style.width = popapSize()[0]+'px';
	shad.style.height = popapSize()[1]+'px';
	//alert(popapSize())
}

// Определение размеров попапа
function popapSize(){
	var el = elClass('div', 'popapContent')[0];
	var w = el.clientWidth;
	var h = el.clientHeight;
	return [w, h]
}



//функция вызываемая в конце документа
function runScripts(){
	var popap = elClass('div', 'colorsPopap')[0];
	var popapClose = elClass('img', 'popapClose')[0];
	popapClose.onclick = function(){
		popap.style.display = 'none';
	}
	var colLabels = elClass('div','colors')[0].getElementsByTagName('input');
	for(var i=0; i<colLabels.length; i++){
		colLabels[i].onclick = function(event){
			colorsPopapOpen(popap, this);
			var mCur = mousePageXY(event);
			if(mCur.x!=0){
				popap.style.left = (mCur.x+30)+'px';
				popap.style.top = (mCur.y-50)+'px';
			}
			else{
				popap.style.left = '50%';
				popap.style.top = '500px';
			}
			//alert(mCur.x + ' ' + popap.style.top)
		};
	}
}