var zamok = false;
var colors = new Array();
var colorsInArray = 0;
var colorItems = 0;
var deleteIcon = false;
$(document).ready(function(){

	var select = 0;
	$(".delIcon").css('float','right').css('text-align', 'right');
	$("#selColor").css('width','100px');
	$("#colorConteyner").css('display', 'none');
	$("#colorSelect").click(function(){
	
		if(!select)
			$("#colorConteyner").fadeIn(500, function(){select = 1});
		else if(select)
			$("#colorConteyner").fadeOut(500, function(){select = 0});
	})
	$(document).click(function(){
		
		if(select)
			$("#colorConteyner").fadeOut(500, function(){select = 0});
	});
});
function setColor(input, id, hex, name)
{
	if(!zamok && colorItems < 5)
	{
		var val = $("input[name="+input+"]").val();
		var newColorsInArray = new Array();
		if((val.length + id.length) <= 255)
		{
			if(val.length == 0)
				newVal = id;
			else
				newVal = val+','+id;			
		}
		else
			newVal = val;
		$("input[name="+input+"]").val(newVal);
		zamok = true;
		var selColor = document.getElementById('selColor');
		var colorConteyner = "<div class='inConteyner' style='background:"+hex+"' title='"+name+"' alt='"+name+"'></div>";
		if(!deleteIcon)
		{
			$(".delIcon").html("<img src='/colorpicker_img/delete.png' style='float:right;cursor:pointer' onclick=\"deleteColor('"+input+"')\" width='18' height='20' title='очистить все' alt='очистить все' />");
			deleteIcon = true;
		}
		selColor.innerHTML += colorConteyner;
		colorItems++;
		setTimeout(function(){zamok = false}, 500);
	}
}

function deleteColor(input)
{
	if(!zamok)
	{
		$("#selColor").html('');
		$(".delIcon").html('');
		$("input[name="+input+"]").val('');
		colorItems = 0;
		deleteIcon = false;
	}
}

function showColorFromList(hex)
{
	$("#sItemColor").css('background',hex);
}


function getArray(val, symbol)
{
	var result = 1;
	colorsInArray = 0;
	while(result > 0)
	{
		var result = val.search(symbol);
		
		colors[colorsInArray] = (result > 0) ? val.slice(0, result): val;
		val = val.slice(result + 1);
		colorsInArray++;
	}
}