var colorChoice = "#FF9900";
var clickCheck = "";




function changeColor(theElement)
{
	if (clickCheck == "")
	{
		clickCheck = "stop";
		theElement.style.color = "rgb(" + selectRed + "," + selectGreen + "," + selectBlue + ")";
		
		setTimeout("clickCheck = '';", 100);
	}
}




function changeBackgroundColor(theElement)
{
	if (clickCheck == "")
	{
		clickCheck = "stop";
		theElement.style.backgroundColor = "rgb(" + selectRed + "," + selectGreen + "," + selectBlue + ")";
		
		setTimeout("clickCheck = '';", 100);
	}
}




function changeVoid()
{
	if (clickCheck == "")
	{
		clickCheck = "stop";
		
		setTimeout("clickCheck = '';", 100);
	}
}




function convertRGBToHex(theColor)
{

	var theRed = "";
	var theGreen = "";
	var theBlue = "";
	
	theColor = theColor.replace(/rgb\(/, "");
	theRed = parseInt(theColor).toString(16).toUpperCase();
		
	theColor = theColor.replace(/.*?,/, "");
	theGreen = parseInt(theColor).toString(16).toUpperCase();
		
	theColor = theColor.replace(/.*?,/, "");
	theBlue = parseInt(theColor).toString(16).toUpperCase();
	
	return "#" + theRed + theGreen + theBlue;
		
}





function generateCSS()
{
	var theCodeView = document.getElementById("codeView");
	var thePageView = document.getElementById("pageWidth");
	var theCodeField = document.getElementById("CSSCode");
	var bodyBG = document.getElementById("canvas").style.backgroundColor;
	var headerBG = document.getElementById("demoHeader").style.backgroundColor;
	var headerFG = document.getElementById("demoHeaderText").style.color;
	var subheadBG = document.getElementById("SubHead").style.backgroundColor;
	var subheadFG = document.getElementById("SubHeadText").style.color;
	var menuBG = document.getElementById("menu").style.backgroundColor;
	var menuFG = document.getElementById("menuText").style.color;
	var menuHighlight = document.getElementById("menuHighlight").style.color;
	var leftBG = document.getElementById("leftColumn").style.backgroundColor;
	var leftFG = document.getElementById("leftColumnText").style.color;
	var rightBG = document.getElementById("rightColumn").style.backgroundColor;
	var rightFG = document.getElementById("rightColumnText").style.color;
	var footerBG = document.getElementById("footer").style.backgroundColor;
	var footerFG = document.getElementById("footerText").style.color;
	var codeString = "";
	
	if (bodyBG == "")
	{
		bodyBG = "#7F7F7F";
	}
	else
	{
		bodyBG = convertRGBToHex(bodyBG);
	}

	if (headerBG == "")
	{
		headerBG = "#CCCCCC";
	}
	else
	{
		headerBG = convertRGBToHex(headerBG);
	}

	if (headerFG == "")
	{
		headerFG = "#000000";
	}
	else
	{
		headerFG = convertRGBToHex(headerFG);
	}
	
	if (subheadBG == "")
	{
		
	}
	else
	{
		subheadBG = convertRGBToHex(subheadBG);
	}
	
	if (subheadFG == "")
	{
		subheadFG = "#000000";
	}
	else
	{
		subheadFG = convertRGBToHex(subheadFG);
	}
	
	if (menuBG == "")
	{
		menuBG = "#CCCCCC";
	}
	else
	{
		menuBG = convertRGBToHex(menuBG);
	}

	if (menuFG == "")
	{
		menuFG = "#000000";
	}
	else
	{
		menuFG = convertRGBToHex(menuFG);
	}

	if (menuHighlight == "")
	{
		menuHighlight = "#FFFFFF";
	}
	else
	{
		menuHighlight = convertRGBToHex(menuHighlight);
	}

	if (leftBG == "")
	{
		leftBG = "#CCCCCC";
	}
	else
	{
		leftBG = convertRGBToHex(leftBG);
	}

	if (leftFG == "")
	{
		leftFG = "#000000";
	}
	else
	{
		leftFG = convertRGBToHex(leftFG);
	}

	if (rightBG == "")
	{
		rightBG = "#CCCCCC";
	}
	else
	{
		rightBG = convertRGBToHex(rightBG);
	}

	if (rightFG == "")
	{
		rightFG = "#000000";
	}
	else
	{
		rightFG = convertRGBToHex(rightFG);
	}

	if (footerBG == "")
	{
		footerBG = "#CCCCCC";
	}
	else
	{
		footerBG = convertRGBToHex(footerBG);
	}

	if (footerFG == "")
	{
		footerFG = "#000000";
	}
	else
	{
		footerFG = convertRGBToHex(footerFG);
	}

	codeString += "<p>body<br />{<br />&nbsp\;&nbsp\;background-color: " + bodyBG + "\;<br />}</p>";
	codeString += "<p>#header<br />{<br />&nbsp\;&nbsp\;background-color: " + headerBG + "\;<br />&nbsp\;&nbsp\;color: " + headerFG + "\;<br />}</p>";
	codeString += "<p>#subhead<br />{";
		if (subheadBG==""){} else{ codeString +="<br />&nbsp\;&nbsp\;background-color: " + subheadBG + "\;" }
	codeString += "<br />&nbsp\;&nbsp\;color: " + subheadFG + "\;<br />}</p>";
	codeString += "<p>#menu<br />{<br />&nbsp\;&nbsp\;background-color: " + menuBG + "\;<br />&nbsp\;&nbsp\;color: " + menuFG + "\;<br />}</p>";
	codeString += "<p>#menu li.on<br />{<br />&nbsp\;&nbsp\;background-color: " + menuHighlight + "\;<br />}</p>";
	codeString += "<p>#leftColumn<br />{<br />&nbsp\;&nbsp\;background-color: " + leftBG + "\;<br />&nbsp\;&nbsp\;color: " + leftFG + "\;<br />}</p>";
	codeString += "<p>#rightColumn<br />{<br />&nbsp\;&nbsp\;background-color: " + rightBG + "\;<br />&nbsp\;&nbsp\;color: " + rightBG + "\;<br />}</p>";
	codeString += "<p>#footer<br />{<br />&nbsp\;&nbsp\;background-color: " + footerBG + "\;<br />&nbsp\;&nbsp\;color: " + footerFG + "\;<br />}</p>";
	theCodeField.innerHTML = codeString;
	
	thePageView.style.display = "none";	
	theCodeView.style.display = "block";
	
	return true;
}




function goBackPage()
{
	var theCodeView = document.getElementById("codeView");
	var thePageView = document.getElementById("pageWidth");

	theCodeView.style.display = "none";	
	thePageView.style.display = "block";
	
	return true;
}