if(s = $("selectColor")) {
	s.addEvent("click",function(event) {
		selectColors();
		event.stop(); 
	});
}

function selectColors() {
	var width = 604; var height = 346;
	var left = Math.floor( (screen.width - width) / 2);
	var top = Math.floor( (screen.height - height) / 2);
	var winParms = "top=" + top + ",left=" + left + ",height=" + height + ",width=" + width;
	if(!window.open("popup.html","popup",winParms)) {
		alert("Софтуер на вашия компютър е блокирал прозореца за цветове!");
	}
}


if(/popup\.html/.test(document.location)) {
	selectedColors = [];
	$$("input[type=checkbox]").addEvent("click",function(event) {
		if(this.checked) {
			if(selectedColors.length==4) {
				this.checked = false;
				$('dlg').setStyle('display','block');
			} else {
				$('dlg').setStyle('display','none');
				selectedColors = addColor(this.getParent().getElements("label")[0],selectedColors);
			}
		} else {
			selectedColors =removeColor(this.getParent().getElements("label")[0],selectedColors);
		}
	})
	if(sColors=readCookie("sColors")) {
		sColors = sColors.split(",");
		for(i=0;i<sColors.length;i++) {
			if(element = $(sColors[i])) {
				selectedColors.push(element)
				d = String(sColors[i]).replace("c","checkbox_");
				if(r = $(d)) {
					r.checked = true;
				}
			}
		};
	}
	function removeColor(element,colors) {
		var n = [];
		for(i=0;i<colors.length;i++) {
			if(colors[i]!=element) n.push(colors[i])
		}
		return n;
	}
	function addColor(element,colors) {
		colors.push(element)
		return colors;
	}
	function colorsHTML() {
		html = "<div class=popup style='background:none;border:0;padding:0;width:100%;'><ul>";
		params = "";
		sColors = [];
		selectedColors.each(function(element) {
			var color = element.getElements(".color")[0].getStyle("background-color");
			var name = element.getElements(".bold")[0].innerHTML;
			var number = element.getElements(".number")[0].innerHTML;
			html+= '<li class="nofloat"><span class="color" style="background-color:'+color+'">&nbsp;</span><span class="number">'+number+'</span> <span class="bold">'+name+'</span></li>';
			sColors[sColors.length] = (element.id);
//			html+= number+". "+name+"<br>";
			params+= number+". "+name+", ";
		});
		html+= '</ul></div>';
		html+= '<br><a href="javascript:selectColors()">Промени</a>';
		if(window.opener) {
			createCookie("sColors",sColors)
			window.opener.document.getElementById("colors").innerHTML = html;
			window.opener.document.getElementById("SelectedColors").value = (params);
			window.close();
		}
	}
}


function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

Element.implement({
	flash: function(to,from,reps,prop,dur) {
		
		//defaults
		if(!reps) { reps = 1; }
		if(!prop) { prop = 'background-color'; }
		if(!dur) { dur = 250; }
		
		//create effect
		var effect = new Fx.Tween(this, {
				duration: dur,
				link: 'chain'
			})
		
		//do it!
		for(x = 1; x <= reps; x++)
		{
			effect.start(prop,from,to).start(prop,to,from);
		}
	}
});

if(s = $$(".blink")) {
	s.each(function(r){
		r.flash("#EA0C3F","#F0F0F0",50,'color',500);
	});
}