// Begin - Public Variables
var url;
var noCache = Math.random();
var xmlHttp = GetXmlHttpObject();
// End - Public Variables


// Begin - Create XMLHttpRequest
function GetXmlHttpObject()
{
	var xmlHttp = null;

	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}
	return xmlHttp;
}
// End - Create XMLHttpRequest


// Begin - UI Elements (Text, Pics) - Notifications, Notations used
var loText = "<span>Loading....</span><br />";
var loCircleGray = "<div style=\"background-image:url(../imgs/refresh_main_bg.jpg); height:px; width:px;)\"></div>";
// End - UI Elements (Text, Pics) - Notifications, Notations used



// Begin- Custom made pop up
function customPopOpen(pFormId)
{
	document.getElementById('customPop').style.display = "block";
	//document.getElementById('PopTrans').style.filter="alpha(opacity=30)";
	//document.getElementById('PopTrans').style.opacity="0.3";
	//document.getElementById('customPop').style.filter="alpha(opacity=100)";
	//document.getElementById('customPop').style.opacity="1.0";
	document.getElementById('customPop').innerHTML = "<br /><p><b style=\"color:#000000;\">Are You sure?</b></p> <input type=\"button\" name=\"submitYes\" id=\"submitYes\" value=\"Yes\" style=\"background-color:#6496C3; color:#FFFFFF; width:40px;\" onclick=\"document.getElementById('"+pFormId+"').submit(); document.getElementById('customPop').style.display='none';\" /><input type=\"button\" name=\"submitNo\" id=\"submitNo\" value=\"No\" style=\"background-color:#6496C3; color:#FFFFFF; width:40px\" onclick=\"document.getElementById('customPop').style.display='none'; \" /><br /><br />";
	return false;
	//document.body.style.filter="alpha(opacity=60)";
	//document.body.style.opacity="0.6";
	//document.getElementById('customPop').style.filter="alpha(opacity=100)";
	//document.getElementById('customPop').style.opacity="1.0";
	
}
// End- Custom made pop up


// Being - Color Details Pop up 
function OpenColorDetailsDiv(pColorName, pDate, pLab, pRgb, pPaletteNames, pDefinitions, pSubstrates, pcsiPos, hcValue ,pCSIid, pACNP, pDivId, pQuote)
{
	var colorName = pColorName.split(",");
	var lab = pLab.split(",");
	var rgb = pRgb.split(",");
	var acnp = pACNP.split("#$??");
	var csiPos = pcsiPos.split(",");
	var hc = hcValue.split(",");
	
	if(pPaletteNames == "No Palettes Found.")
		var paletteNames = "pPaletteNames";
	else {
		var paletteNames = pPaletteNames.split("#$??");
		var definitions = pDefinitions.split("#$??");
		var substrates = pSubstrates.split("#$??");
	}
	
	var content = "<div style=\"padding: 10px 10px 10px 10px; text-align:left; width:95%\">";
	
	content += "<h2 align=\"left\" style=\"background-color:#"+colorName[1]+"; ";
	content += "color:#"+colorName[2]+"; width:500px; text-align:center; \">";
	content += "Color Profile for "+colorName[0]+"</h2><hr />";
	
	content += "<div align=\"right\"><a href=\"javascript: void(0);\"";
	if(pQuote == 'yes') content += " onclick=\"document.getElementById('"+pDivId+"').style.display = 'none';\">Close</a></div>";
	else content += " onclick=\"document.getElementById("+pDivId+").style.display = 'none';\">Close</a></div>";
	
	content += "<div style=\"width:100%\"><span style=\"font-size:16px; font-weight:bold;\">Color Details</span>";
	
	content += "<table align=\"left\" cellspacing=\"0\" cellpadding=\"5\" border=\"0\" width=\"100%\">";
	content += "<tr><th class=\"left\" width=\"250\">Received Date</th>";
	content += "<td class=\"left\">"+pDate+"</td></tr>"
	content += "<tr><th class=\"left\">Color Parameters</th>";
	content += "<td class=\"left\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	content += "<tr><td class=\"left\" width=\"70\">L</td><td class=\"left\" width=\"70\">A</td>";
	content += "<td class=\"left\" width=\"70\">B</td><td width=\"70\"></td>";
	
	content +="<td class=\"left\" width=\"70\">H</td><td class=\"left\" width=\"70\">C</td>";
	
	content +="<td class=\"left\" width=\"70\">R</td><td class=\"left\" width=\"70\">G</td>";
	content += "<td class=\"left\" width=\"70\">B</td></tr>";
	content += "<tr><td class=\"left\">"+lab[0]+"</td>";
	content += "<td class=\"left\">"+lab[1]+"</td>";
	content += "<td class=\"left\">"+lab[2]+"</td><td width=\"70\"></td>";
	
	content += "<td class=\"left\">"+hc[0]+"</td>";
	content += "<td class=\"left\">"+hc[1]+"</td>";
	
	content += "<td class=\"left\">"+rgb[0]+"</td>";
	content += "<td class=\"left\">"+rgb[1]+"</td>";
	content += "<td class=\"left\">"+rgb[2]+"</td></tr>";
	content += "</table></td></tr>";
	
	content += "<tr><th class=\"left\">CSI Position</th>";
	content += "<td class=\"left\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	content += "<tr><td class=\"left\" width=\"70\">Volume</td><td class=\"left\" width=\"70\">Page</td>";
	content += "<td class=\"left\" width=\"70\">Row</td><td class=\"left\" width=\"70\">Column</td>";
	content +="<td class=\"left\" width=\"70\">Ring</td><td class=\"left\" width=\"70\">Position</td></tr>";
	content += "<tr><td class=\"left\">"+csiPos[0]+"</td>";
	content += "<td class=\"left\">"+csiPos[1]+"</td>";
	content += "<td class=\"left\">"+csiPos[2]+"</td>";
	content += "<td class=\"left\">"+csiPos[3]+"</td>";
	content += "<td class=\"left\">"+csiPos[4]+"</td>";
	content += "<td class=\"left\">"+csiPos[5]+"</td></tr>";
	content += "</table></td></tr>";
	
	//content += '<tr><th class="left">Ring Number</th><td class="left">'+pRingno+'</td></tr>';
	
	
	//content += '<tr><th class="left">Color Group</th><td class="left">41</td></tr>';
	//content += '<tr><th class="left">CSI ID</th><td class="left">'+pCSIid+'</td></tr>';
	content += "</table>";
	content += "</div><p>&nbsp;</p>";
	
	
	/*content += "<div style=\"width:100%\"><span style=\"font-size:16px; font-weight:bold;\">Fiber Suitability</span>";
	
	content += "<table align=\"left\" cellspacing=\"0\" cellpadding=\"5\" border=\"0\" width=\"100%\">";
	content += '<tr><td colspan="3" class="left">';
	content += '-GAM: color is out of gamut for available dyes<br />';
	content += '-MET: metameric in D65, color changes in different light sources<br />';
	content += '-POS: "gray area" if between .8 and 1.2 look at it<br />';
	content += '</td></tr>';
	content += '<tr><th class="left" width="250">Acrylic</td><td class="left">'+acnp[0]+'</td></tr>';
	content += '<tr><th class="left">Cotton</th><td class="left">'+acnp[1]+'</td></tr>';
	content += '<tr><th class="left">Nylon</th><td class="left">'+acnp[2]+'</td></tr>';
	content += '<tr><th class="left">Polyester</th><td class="left">'+acnp[3]+'</td></tr>';
	content += '</table>';
	content += '</div><p>&nbsp;</p>';
		
	
	content += "<div style=\"width:100%\"><span style=\"font-size:16px; font-weight:bold;\">Inventory</span>";
	
	content += "<table align=\"left\" cellspacing=\"0\" cellpadding=\"5\" border=\"0\" width=\"100%\">";
	content += '<tr><th class="left" width="250">Archroma Inventory</th><td class="left">2 (last updated 10/02/2009)</td></tr>';
	content += '<tr><th class="left">Cut Stock Inventory</th><td class="left">(last updated 10/02/2009)</td></tr>';
	content += '<tr><th class="left">Design Fabric Inventory</th><td class="left"></td></tr>';
	content += '<tr><th class="left">Color Standard Status</th><td class="left">Available</td></tr>';
	content += '</table></div><p>&nbsp;</p>';
	
	
	content += "<div style=\"width:100%\"><span style=\"font-size:16px; font-weight:bold;\">Inventory</span>";
	content += "<table align=\"left\" cellspacing=\"0\" cellpadding=\"5\" border=\"0\" width=\"100%\">";
	content += '<tr><th class="left" width="250">Color Number</th><td class="left">0384760</td></tr>';
	content += '</table></div><p>&nbsp;</p>';*/
	
	
	content += "<div style=\"font-size:16px; font-weight:bold; width:100%;\">";
	content += "Palettes that '"+colorName[0]+"' is in</div>";
	content += "<div style=\"overflow:scroll; height:120px; width:100%;\">";
	content += "<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\" width=\"100%\">";
	if(pPaletteNames == "No Palettes Found.") {
		content += "<tr><th class=\"center\">"+pPaletteNames+"</th>";
	}
	else {
		content += "<tr><th class=\"left\">Palette Name</th>";
		content += "<th class\"left\">Definition</th><th class\"left\">Substrate</th></tr>";
		for(var i=0; i<=paletteNames.length; i++)
		{
			if(paletteNames[i] != '')
			{
				if(paletteNames[i] != paletteNames[paletteNames.length] && paletteNames[i] != "No Palettes Found.") 
				{
					content += "<tr><td class=\"left\">" + paletteNames[i] + "</td>";
					content += "<td class=\"left\">" + definitions[i] + "</td>";
					content += "<td class=\"left\">" + substrates[i] + "</td></tr>";
				}
			}
		}
	}
	content += "</table>";
	content += "</div>";
	content += "</div>";
	
	
	
	
	
	/*
	var content = '<div style=\"position:absolute;width:959px;height:450px;z-index:1;overflow: scroll;\">';
	content += '<div style="float:left; margin:6px; width:auto; height:auto;">';
	
	content += '<div style="background-color:#'+colorName[1]+'; ';
	content += 'color:#'+colorName[2]+'; position:static;width:auto;height:30px;z-index:2;float: left;font-family: Verdana, Geneva, sans-serif;font-size: 14px;font-weight: bold;">Color Profile for '+colorName[0]+'</div>';
	
	content += '<div style="width:100%; height:400px; float:left; position:static;">';
	
	content += '<div id="divsubhead">Color Details</div>';
	content += '<div style="width:950px; float:left;">';
	content += '<table width="940" cellpadding="5" cellspacing="0" align="left" border="0">';
	content += '<tr><td width="21%" class="left">Received Date</td><td width="79%" class="left">'+pDate+'</td></tr>';
	content += '<tr><td width="21%" class="left">Color Parameters</td><td width="79%" class="left">';
	content += '<table><tr class="center"><td width="48">L</td><td width="74">A</td><td colspan="6%">B</td>';
	content += '<td width="73">R</td><td width="32">G</td><td width="32">B</td></tr>';
	content += '<tr class="center"><td>'+lab[0]+'</td><td>'+lab[1]+'</td><td colspan="6%">'+lab[2]+'</td>';
	content += '<td width="73">'+rgb[0]+'</td><td width="32">'+rgb[1]+'</td><td width="32">'+rgb[2]+'</td></tr>';
	content += '</table></td></tr>';
	content += '<tr><td width="21%" height="21" class="left">Color Group</td><td width="79%" class="left">41</td></tr>';
	content += '<tr><td width="21%" height="21" class="left">Archroma ID</td><td width="79%" class="left">005524</td></tr>';
	content += '</table></div>';
	
	content += '<div id="divsubhead">Fiber Suitability</div>';
	content += '<div style="width:950px; float:left;">';
	content += '<table width="940" cellpadding="5" cellspacing="0" align="left" border="0">';
	content += '<tr><td colspan="3" class="left">';
	content += '-GAM: color is out of gamut for available dyes<br />';
	content += '-MET: metameric in D65, color changes in different light sources';
	content += '-POS: "gray area" if between .8 and 1.2 look at it';
	content += '</td></tr>';
	content += '<tr><td width="21%" class="left">Acrylic</td><td width="79%" class="left">MET</td></tr>';
	content += '<tr><td width="21%" class="left">Cotton</td><td width="79%" class="left">OK</td></tr>';
	content += '<tr><td width="21%" class="left">Nylon</td><td width="79%" class="left">OK</td></tr>';
	content += '<tr><td width="21%" class="left">Polyester</td><td width="79%" class="left">OK</td></tr>';
	content += '</table></div>';
	
	content += '<div id="divsubhead">Inventory</div>';
	content += '<div style="width:950px; float:left;">';
	content += '<table width="940" cellpadding="5" cellspacing="0" align="left" border="0">';
	content += '<tr><td width="21%" class="left">Archroma Inventory</td><td width="79%" class="left">2 (last updated 10/02/2009)</td></tr>';
	content += '<tr><td width="21%" class="left">Cut Stock Inventory</td><td width="79%" class="left">(last updated 10/02/2009)</td></tr>';
	content += '<tr><td width="21%" class="left">Design Fabric Inventory</td><td width="79%" class="left"></td></tr>';
	content += '<tr><td width="21%" class="left">Color Standard Status</td><td width="79%" class="left">Available</td></tr>';
	content += '</table></div>';
	
	content += '<div id="divsubhead">Target Information</div>';
	content += '<div style="width:950px; float:left;">';
	content += '<table width="940" cellpadding="5" cellspacing="0" align="left" border="0">';
	content += '<tr><td width="21%" class="left">Color Number</td><td width="79%" class="left">0384760</td></tr>';
	content += '</table></div>';
	
	content += '<div id="divsubhead">Palettes that '+colorName[0]+' is in</div>';
	content += '<div style="float:left; width:100%;">';
	content += '<div style="position:static;width:940px;height:30px;z-index:1;left: 125px;top: 26px;margin-top: 6px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;padding: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;">';
	content += '<div style="background-color:#F1F9FD;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;margin:0;background-image: url(images/threadtitle.png);background-repeat: repeat;padding-top: 1px;padding-right: 3px;padding-bottom: 1px;padding-left: 1px;height: 25px;" class="divheadername">';
	content += '<span style="margin-left:12px; font:Verdana, Geneva, sans-serif; font-size:12px;';
	content += 'font-weight:bold">Palette Name</span>';
	content += '<span style="margin-left:12px; font:Verdana, Geneva, sans-serif; font-size:12px;';
	content += 'font-weight:bold">Definition</span>';
	content += '<span style="margin-left:12px; font:Verdana, Geneva, sans-serif; font-size:12px;';
	content += 'font-weight:bold">Substrate</span>';
	content += '</div>';
	for(var i=0; i<=paletteNames.length; i++)
	{
		if(paletteNames[i] != paletteNames[paletteNames.length]) {
			content += '<div style="position:static;width:640px;height:30px;z-index:1;left: 46px;float: left;margin-right: 0px;margin-bottom: 0;margin-left: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;">';
			content += '<ul style="width:940px;height:15px;float: left;padding-left: 0px;padding-top: 5px;background-color: #D9F8FD;margin: 0px;">';
			content += '<li style="display:block;float:left;height:20px;padding:0 1px 0 0;background-repeat: no-repeat;background-position: right top;">'+ paletteNames[i] +'</li>';
			content += '<li style="display:block;float:left;height:20px;padding:0 1px 0 0;background-repeat: no-repeat;background-position: right top;">'+ definitions[i] +'</li>';
			content += '<li style="display:block;float:left;height:20px;padding:0 1px 0 0;background-repeat: no-repeat;background-position: right top;">'+ substrates[i] +'</li>';
			content += '</ul>';
			content += '</div>';
		}
	}
	content += '</div>';
	content += '</div>';
	content += '</div>';
	
	content += '</div>';
	content += '</div>';
	content += '</div>';
 	*/
	
	if(document.getElementById(pDivId).style.display == "none") {
		document.getElementById(pDivId).style.display = "block";
		document.getElementById(pDivId).innerHTML = content;
	}
	else
		document.getElementById(pDivId).style.display = "none";
}
// End- Color Details Pop up 


// Displays remaining count in textarea
function textCounter(pField, pCountfield, pMaxlimit) 
{
	var dispCount = document.getElementById(pCountfield);
	var msg = document.getElementById(pField);
	
	if (msg.value.length > pMaxlimit)
		msg.value = msg.value.substring(0, pMaxlimit);
	else 
		dispCount.innerHTML = pMaxlimit - msg.value.length;
}

// Begin Gen Hide or Display <div>
function toggleD(pField)
{
	var field = document.getElementById(pField);

	if(field.style.display == "block")
		field.style.display = "none";
	else
		field.style.display = "block";
}

function toggleDH(pDField, pHField)
{
	var dField = document.getElementById(pDField);
	var hField = document.getElementById(pHField);

	dField.style.display = "block";
	hField.style.display = "none";
}
// Begin Gen Hide or Display <div>


// If input field is null, button is disabled
function ifNullDisable(pInput, pAction)
{
	var input = document.getElementById(pInput);
	var action = document.getElementById(pAction);
	
	if(input.value == 0)
		action.disabled = true;
	else
		action.disabled = false;
}


// Begin - AJAX - Update Description
function updateDesc()
{
	var paletteDesc = encodeURIComponent(document.getElementById('paletteDescp').value);
	var idname = encodeURIComponent(document.getElementById('idname').value);

	url = "jsPB.php";
	url = url + "?paletteDesc=" + paletteDesc + "&idname=" + idname;
	url = url + "&noCache=" + noCache;
	xmlHttp.onreadystatechange = updateDescSC;
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
	
}

function updateDescSC()
{
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
		document.getElementById("paletteDesc").innerHTML = xmlHttp.responseText;
		document.getElementById("popLoad").innerHTML = "&nbsp;";
	}
	if (xmlHttp.readyState==1 || xmlHttp.readyState=="loading")
		document.getElementById("popLoad").innerHTML = loCircleGray;
	else
		document.getElementById("popLoad").innerHTML = "&nbsp;";
}
// End - AJAX - Update Description