//var testVal = 0;
$("#configContainer").ready( function(){
		$("#configContainer").dblclick( function(){
			for(i = 0; i < 20; i++)
			{	
				var pref = "opt_";
				var toClose = pref + i;
				
				if(document.getElementById(toClose))
				{
					if(document.getElementById(toClose).style.display == "block")
					{
						$("#" + toClose).css({display:"none"})
						break;
					}
				}
			}
		});
	});
	function showOptions(elementId)
	{
		var needed = elementId.substring(elementId.indexOf("_")+1, elementId.length)
		var orangeItem = "toSelect_" + needed;
		var boldItem = "iname_" + needed;
		
		var disp = document.getElementById(elementId).style.display

		if(disp == "none" || disp == "")
		{
			document.getElementById(elementId).style.display = "block"
			//document.getElementById(orangeItem).style.background = "url(/slices/no-orange.gif) no-repeat"
			document.getElementById(boldItem).style.fontWeight = "bold"
			
			for(i = 0; i < 17; i++)
			{
				var pref = "opt_";
				var toClose = pref + i;
				if(document.getElementById(toClose))
				{
					if(document.getElementById(toClose).style.display == "block" && toClose != elementId)
					{
						document.getElementById(toClose).style.display = "none"
						var newOrange = "toSelect_" + i
						var newBold = "iname_" + i
					//	document.getElementById(newOrange).style.background = "url(/slices/no-white.gif) no-repeat"
						document.getElementById(newBold).style.fontWeight = "normal"
						//alert(document.getElementById(newOrange).style.background)
					}
				}
			}
		}
		else
		{
		//	document.getElementById(orangeItem).style.background = "url(/slices/no-white.gif) no-repeat"
			document.getElementById(elementId).style.display = "none"
			document.getElementById(boldItem).style.fontWeight = "normal"
		}
	}
	function getHide(elementId)
	{
		var needed = elementId.substring(elementId.indexOf("_")+1, elementId.length)
		orangeItem = "toSelect_" + needed;
		boldItem = "iname_" + needed;
		
		document.getElementById(orangeItem).style.background = "url(/slices/no-white.gif) no-repeat"
		document.getElementById(elementId).style.display = "none"
		document.getElementById(boldItem).style.fontWeight = "normal"
	}
	function setBg(element)
	{
		var test = element.options[element.selectedIndex].value
		
		if(test != 5)
		{
			document.getElementById("overlay1").style.zIndex = "-100"
			document.getElementById("overlay1").style.display = "none"
		}
		else
		{
			alert("Please select a valid option!");
			document.getElementById("overlay1").style.zIndex = "100"
			document.getElementById("overlay1").style.display = "block"
		}
	}
	function orangeBg(itemE)
	{
		document.getElementById(itemE).style.backgroundImage = "url(/slices/symbol-orange.gif)"
	}
	function blueBg(itemE)
	{
		document.getElementById(itemE).style.backgroundImage = "url(/slices/symbol-blue.gif)"
	}
	
	function getSetSelected(elementId, table)
	{
		
//		if(elementId != 3 && elementId != 15 && elementId != 16)
//		{
			for(i = elementId; i < 20; i++)
			{
				targetElem = "toReplace_" + i
				if(document.getElementById(targetElem))
				{
				//	if(targetElem != "toReplace_3" && targetElem != "toReplace_15" && targetElem != "toReplace_16")
				//	{
						document.getElementById(targetElem).innerHTML = '<img src="/slices/options.gif" alt="" onclick="showOptions(\'opt_' + i + '\');"/>'
						document.getElementById("iname_" + i).style.fontWeight = "normal"
					//	document.getElementById("toSelect_" + i).innerHTML = ""
					//	document.getElementById("input_" + i).value = ""
				//	}
				}
			}
/*		}
		else
		{
			if(elementId == 3)
			{
				toFill = '<div class="inputToFill">Enter Stroke: &nbsp;&nbsp; <input name="3" id="inputT_3" style="width: 60px;" type="text"><div class="clear">&nbsp;</div><a href="javascript:setCompleted(3)">SET</a></div>'
			}
			else
			{
				toFill = '<div class="inputToFill">Enter Modifications : &nbsp;&nbsp; <textarea name="15" id="inputT_'+ elementId +'" style="width: 150px;">' + document.getElementById("input_" + elementId).value + '</textarea><div class="clear">&nbsp;</div><a href="javascript:setCompleted('+ elementId +')">SET</a></div>'
			}
			document.getElementById("toReplace_" + elementId).innerHTML = ""
			document.getElementById("opt_" + elementId).innerHTML = toFill
			document.getElementById("opt_" + elementId).style.display = "block"
		}*/
	}
	
	function setValues(parentId, elementValue, elementNames,table, elementID)
	{
		var	parentDiv = "toSelect_" + parentId
		var	inputValue = "input_" + parentId 
		var	closeItem = "opt_" + parentId
		var	toReplaceID = "toReplace_" + parentId
			
			
		var	modifyValues = document.getElementById("modifyValues").value
		
		if(modifyValues == "")
		{
			document.getElementById("modifyValues").value += parentId + ":" + elementID + "|"
		}
		else
		{
			if(document.getElementById("input_" + parentId))
			{
				var currentValue = document.getElementById("input_" + parentId).value
				if(currentValue == "")
				{//alert("here");
					document.getElementById("modifyValues").value += parentId + ":" + elementID + "|";
				}
				else
				{//alert("here");
					var processString = document.getElementById("modifyValues").value;
					var testProcess = processString.split("|");
					var replaceString = "";
					for(i in testProcess)
					{
						if(testProcess[i] != "")
						{
							var currentTestProcess = testProcess[i].split(":")
							if(currentTestProcess[0] == parentId)
							{
								replaceString = testProcess[i];
								break;
							}
						}
					}
					
					var sss = parentId + ":" + elementID
					var newString = processString.replace(replaceString, sss);
					document.getElementById("modifyValues").value = newString;
				}
			}
			else
			{
				document.getElementById("modifyValues").value += parentId + ":" + elementID + "|";
			}
		}
		var secModif = document.getElementById("secondModify").value;
		if(secModif != "")
		{
			if(parentId >= secModif)
			{
				document.getElementById("secondModify").value = parentId;
			}
			//alert(secModif)
		}
		else
			document.getElementById("secondModify").value = parentId
//		alert(toReplaceID)
		// var	repString = "<span style='position:relative;left:10px;top:3px;'>" + Base64.decode(elementNames) + "</span><strong class='modifyHref' onclick='getSetSelected(\"" + parentId + "\",\"" + table + "\"); modifyElements(\"" + parentId + "\",\"" + table + "\",\"" + document.getElementById('modifyValues').value + "\");'>Modify</strong>"
		
		
		var	repString = "<span style='position:relative;left:10px;top:3px;'>" + 
						Base64.decode(elementNames) + 
						"</span><strong class='modifyHref'"+  
						"onclick='modifyFunction("+parentId+");"+
						" ;'>Modify</strong>"
		
		if(elementValue != "-")
		{
			//document.getElementById(parentDiv).innerHTML = elementValue
			//document.getElementById(inputValue).value = elementValue
		}
		if(document.getElementById("testId_" + parentId))
		{
			
			var boxElement = '<div class="numberItemsLeft"></div>' +
							 '<div class="numberItems">'+ elementValue +'</div>' +
							 '<div class="numberItemsRight"></div>' +
							 '<input type="hidden" name="cfForm_'+ parentId +'" value="'+ elementValue +'" id="input_'+ parentId +'" />';
			var boxId = "testId_" + parentId;
			if(elementValue != "NA" && elementValue != "-")
			{
				document.getElementById(boxId).innerHTML = boxElement;
			}
			else
			{
				document.getElementById(boxId).innerHTML = "";
				var testtid = "input_" + parentId
				if(document.getElementById(testtid))
				document.getElementById(testtid).value = "";
			}
		}
		else
		{
			var containerElement = '<div class="numberContainer" id="testId_'+ parentId +'"></div>'
			var boxElement = '<div class="numberItemsLeft"></div>' +
								'<div class="numberItems">'+ elementValue +'</div>' +
								'<div class="numberItemsRight"></div>' +
								'<input type="hidden" name="cfForm_'+ parentId +'" value="'+ elementValue +'" id="input_'+ parentId +'" />';
			var boxId = "testId_" + parentId;
			
			$(containerElement).appendTo("#configForm");
			
			if(elementValue != "NA" && elementValue != "-")
				document.getElementById(boxId).innerHTML = boxElement;
			else
				document.getElementById(boxId).innerHTML = '<input type="hidden" name="cfForm_'+ parentId +'" value="'+ elementValue +'" id="input_'+ parentId +'" />';
				
			if(parentId == 2)
			{
				var containerElement2 = '<div class="numberContainer"> <div class="numberItemsLeft"></div>' +
								'<div class="numberItems"> - </div>' +
								'<div class="numberItemsRight"></div>' + '</div>'
				$(containerElement2).appendTo("#configForm");
				
			}
		}
		$("#testId_" + parentId).css("color","#0F5384");
		$("#toReplace_" + parentId).css("color","#000");
		document.getElementById(toReplaceID).innerHTML = repString
		document.getElementById(closeItem).style.display = "none"
	}
	/**
	*
	* Base64 encode / decode
	*
	**/
	
	var Base64 = {
	
	    // private property
	    _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
	
	    // public method for encoding
	    encode : function (input) {
	        var output = "";
	        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
	        var i = 0;
	
	        input = Base64._utf8_encode(input);
	
	        while (i < input.length) {
	
	            chr1 = input.charCodeAt(i++);
	            chr2 = input.charCodeAt(i++);
	            chr3 = input.charCodeAt(i++);
	
	            enc1 = chr1 >> 2;
	            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
	            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
	            enc4 = chr3 & 63;
	
	            if (isNaN(chr2)) {
	                enc3 = enc4 = 64;
	            } else if (isNaN(chr3)) {
	                enc4 = 64;
	            }
	
	            output = output +
	            this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
	            this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
	
	        }
	
	        return output;
	    },
	
	    // public method for decoding
	    decode : function (input) {
	        var output = "";
	        var chr1, chr2, chr3;
	        var enc1, enc2, enc3, enc4;
	        var i = 0;
	
	        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
	
	        while (i < input.length) {
	
	            enc1 = this._keyStr.indexOf(input.charAt(i++));
	            enc2 = this._keyStr.indexOf(input.charAt(i++));
	            enc3 = this._keyStr.indexOf(input.charAt(i++));
	            enc4 = this._keyStr.indexOf(input.charAt(i++));
	
	            chr1 = (enc1 << 2) | (enc2 >> 4);
	            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
	            chr3 = ((enc3 & 3) << 6) | enc4;
	
	            output = output + String.fromCharCode(chr1);
	
	            if (enc3 != 64) {
	                output = output + String.fromCharCode(chr2);
	            }
	            if (enc4 != 64) {
	                output = output + String.fromCharCode(chr3);
	            }
	
	        }
	
	        output = Base64._utf8_decode(output);
	
	        return output;
	
	    },
	
	    // private method for UTF-8 encoding
	    _utf8_encode : function (string) {
	        string = string.replace(/\r\n/g,"\n");
	        var utftext = "";
	
	        for (var n = 0; n < string.length; n++) {
	
	            var c = string.charCodeAt(n);
	
	            if (c < 128) {
	                utftext += String.fromCharCode(c);
	            }
	            else if((c > 127) && (c < 2048)) {
	                utftext += String.fromCharCode((c >> 6) | 192);
	                utftext += String.fromCharCode((c & 63) | 128);
	            }
	            else {
	                utftext += String.fromCharCode((c >> 12) | 224);
	                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
	                utftext += String.fromCharCode((c & 63) | 128);
	            }
	
	        }
	
	        return utftext;
	    },
	
	    // private method for UTF-8 decoding
	    _utf8_decode : function (utftext) {
	        var string = "";
	        var i = 0;
	        var c = c1 = c2 = 0;
	
	        while ( i < utftext.length ) {
	
	            c = utftext.charCodeAt(i);
	
	            if (c < 128) {
	                string += String.fromCharCode(c);
	                i++;
	            }
	            else if((c > 191) && (c < 224)) {
	                c2 = utftext.charCodeAt(i+1);
	                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
	                i += 2;
	            }
	            else {
	                c2 = utftext.charCodeAt(i+1);
	                c3 = utftext.charCodeAt(i+2);
	                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
	                i += 3;
	            }
	        }
	        return string;
	    }
	}
	
	function setCompleted(element)
	{
		inputId = "inputT_" + element
		fillItem = "toSelect_" + element
		hiddenItem = "input_" + element
		toReplace = "toReplace_" + element
		closeItem = "opt_" + element
		parentDiv = "toSelect_" + element
		repString = "<span style='position:relative;left:10px;top:3px;'>" + document.getElementById(inputId).value + "</span><a href='javascript:void(0);' style='float:right;font-weight:bold;' onclick='modifyFunction(\"" + element + "\",\"\");'>Modify</a>"
	//	inputV = document.getElementById(inputId).value
		if(element == 3)
		{
			var insertedVal = document.getElementById(inputId).value
			if(insertedVal <= 0 || insertedVal > 99.99 || isNaN(insertedVal) || jQuery.trim(insertedVal) == "")
			{
				alert("The stroke cannot be less or equal to 0 or more than 99.99! Please enter a different value.\n\r Make sure the value you entered is numeric!")
				exit;
			}
			else
			{

				var decimals = insertedVal.substring(insertedVal.indexOf(".")+1, insertedVal.length)
				if(decimals.length > 2)
				{
					alert("The stroke item can only have 2 decimals");
					exit;
				}
				else
				{
					var testIds = "testId_" + element;
					if(!document.getElementById(testIds))
					{
						var boxElement = '<div class="numberContainer" id="testId_'+ element +'">' +
							'<div class="numberItemsLeft"></div>' +
							'<div class="numberItems">'+ insertedVal +'</div>' +
							'<div class="numberItemsRight"></div>' +
							'<input type="hidden" name="cfForm_300" value="'+ insertedVal +'"  />' +
						'</div>';
		
						$(boxElement).appendTo("#configForm");
					}
					else
					{
						var boxElement = '<div class="numberItemsLeft"></div>' +
							'<div class="numberItems">'+ insertedVal +'</div>' +
							'<div class="numberItemsRight"></div>' +
							'<input type="hidden" name="cfForm_300" value="'+ insertedVal +'"  />';
						$("#testId_" + element).html(boxElement);
					}
				}
			}
		}
		else{
			if(document.getElementById(inputId).value != ""  && element != 16)
			{
				insertedVal = "S";
				var boxElement = '<div class="numberContainer">' +
							'<div class="numberItemsLeft"></div>' +
							'<div class="numberItems">'+ insertedVal +'</div>' +
							'<div class="numberItemsRight"></div>' +
							'<input type="hidden" name="cfForm_400" value="'+ document.getElementById(inputId).value +'"  />' +
						'</div>';
		
					$(boxElement).appendTo("#configForm");
			}
			
		}

		//document.getElementById(hiddenItem).value = document.getElementById(inputId).value;
		
		document.getElementById(toReplace).innerHTML = repString;
		document.getElementById(closeItem).style.display = "none";
		//document.getElementById(parentDiv).style.background = "url(/slices/no-white.gif) no-repeat"
		//alert(element + " => " + document.getElementById(inputId).value);
	}
	function doSomething()
	{
		
	}


	function printConfig()
	{
		var contId = "configContainer";
		var cont = Base64.encode(document.getElementById(contId).innerHTML);
		document.getElementById("toReceive").value = cont;
		createTarget("ceva");
		
		document.forms["formName"].submit();
	}
	function createTarget(t)
	{
		return window.open("", t, "width=974,height=800");		
	}
	
	function modifyFunction(id,testVal)
	{
	//alert(id)
		var displayState = $("#opt_"+id).css("display");
		//alert(displayState)
		if(displayState == "none"){
			$(".configOptions").css({display:"none"});
			if(document.all)
			{
				if(testVal == undefined)
					$("#opt_"+id).css({display:"block",marginTop:"30px",marginRight:"0",marginLeft:"-290px"});
				else
					$("#opt_"+id).css({display:"block",marginTop:"30px",marginRight:"0"});
			}
			else
				$("#opt_"+id).css({display:"block",marginTop:"30px",marginRight:"30px"});
		}	
		else{
			$("#opt_"+id).css({display:"none"});
		}	
		
	}