var theMode=0;
var imFree = true;
var textRows = 6;  // number of text lines

function switchMode2(thisMode) {
	switch(thisMode) {

		case "0": 
			theMode=1;
			document.getElementById("textControls").style.left="-999em";

			document.getElementById("imageControls").style.left="0px";

			document.getElementById("advancedControls").style.left="-999em";

			document.getElementById("imageBlock").style.backgroundImage = "url(http://www.cheekyteez.com.au/designModule/images/frame_red.gif)";
			document.getElementById("textOn").className="";
			document.getElementById("imageOn").className="switchedOn";
			document.getElementById("advancedOn").className="";

		break;

		case "1": 
			theMode=0;
			document.getElementById("textControls").style.left="0px";

			document.getElementById("imageControls").style.left="-999em";

			document.getElementById("advancedControls").style.left="-999em";

			document.getElementById("imageBlock").style.backgroundImage = "url(http://www.cheekyteez.com.au/designModule/images/frame_green.gif)";
			document.getElementById("textOn").className="switchedOn";
			document.getElementById("imageOn").className="";
			document.getElementById("advancedOn").className="";

		break;

		case "2": 
			document.getElementById("textControls").style.left="-999em";
			document.getElementById("imageControls").style.left="-999em";
			document.getElementById("advancedControls").style.left="0px";

			document.getElementById("advancedOn").className="switchedOn";
			document.getElementById("imageOn").className="";
			document.getElementById("textOn").className="";
		break;
	}

}


function setH(thePoint) {
	thePoint=thePoint-11;
	switch(theMode) {
		case 0:
			theText = document.getElementById('inUrText').value;
			document.getElementById('lineX'+theText).value = thePoint;
		break; 
		case 1: document.getElementById('imageXOffset').value=thePoint; break;
	}
	adjust();
}

function setV(thePoint) {
	thePoint=thePoint-11;
	switch(theMode) {
		case 0:
			theText = document.getElementById('inUrText').value;
			document.getElementById('lineY'+theText).value = thePoint;
		break; 
		case 1: document.getElementById('imageYOffset').value=thePoint; break;
	}
	adjust();
}

function ruleOn(theRule,thePos) {
	var thisRule = document.getElementById(theRule);
	if (theRule=='hRule') thisRule.style.top = thePos+"px";
	if (theRule=='vRule') thisRule.style.left = thePos+"px";
	thisRule.style.visibility = "visible";
}
function ruleOff(theRule) {
	document.getElementById(theRule).style.visibility = "hidden";
}


function setImageSize(theSize) {
	document.getElementById('imageSize').value=theSize;
	document.getElementById('sizeSlider').style.left = ((((theSize/10)-1)*28)+1)+"px";
	adjust();
}



function adjust()
{
	if (imFree)
	{
		imFree = false;

	
		// limit image size percent
		var imageSize   	= document.getElementById('imageSize');
		var imageSizeValue  = parseInt(imageSize.value);
	
		if (imageSizeValue < 10)	imageSizeValue = 10;
		if (imageSizeValue > 100)   imageSizeValue = 100;
	
		imageSize.value = imageSizeValue;
	
		// limit text indents
		for (i = 0; i < textRows; i++)
		{
			var lineX = document.getElementById('lineX'+i);
			var lineXValue = parseInt(lineX.value);
			if (lineXValue<0) lineXValue=0;
			if (lineXValue>385) lineXValue=385;
			lineX.value=lineXValue;
		}	

		// get the basic item
		var itemSelect = document.getElementById('baseImage');
		var baseData = itemSelect.options[itemSelect.selectedIndex].value;
		baseData = baseData.split("^");
		var baseBorders = baseData[1];
		var baseItem = baseData[0];

		// get TextX position
		var textXField = document.getElementById('textXOffset');
		var textX = parseInt(textXField.value);
		if (textX<0) textX=0;
		if (textX>190) textX=190;
		textXField.value = textX;
	
		// get TextY position
		var textYField = document.getElementById('textYOffset');
		var textY = parseInt(textYField.value);
		if (textY<0) textY=0;
		if (textY>230) textY=230;
		textYField.value = textY;
	
		// get Image position
		var imageX = document.getElementById('imageXOffset').value;
		var imageY = document.getElementById('imageYOffset').value;
	
		// get Image Size
		var imageSize = parseInt(document.getElementById('imageSize').value);
		imageSize= imageSize/100;
			
		var showImage = (document.getElementById('showImage').checked==true) ? 1 : 0;

		// get printID
		var printID = document.getElementById('printID').value;

		// compile the parameters to send to image ajax
		paramString="";
	
		paramString += "&textX="+textX;
		paramString += "&textY="+textY;
		for (i=0;i<textRows;i++)
		{
			var textLine = document.getElementById('textline'+i).value;
			if (textLine.length>0) {
				var fontFamilyField = document.getElementById('fontfamily'+i);
				var fontFamily = fontFamilyField.options[fontFamilyField.selectedIndex].value;
	
				var fontColField = document.getElementById('fontcol'+i);
				var fontCol = fontColField.options[fontColField.selectedIndex].value;
	
				var fontSizeField = document.getElementById('fontsize'+i);
				var fontSize = fontSizeField.options[fontSizeField.selectedIndex].value;
	
				var lineX = document.getElementById('lineX'+i).value;
				var lineY = document.getElementById('lineY'+i).value;
	
				paramString += "&fontfamily"+i+"="+fontFamily;
				paramString += "&fontsize"+i+"="+fontSize;
				paramString += "&textline"+i+"="+textLine;
				paramString += "&textX"+i+"="+lineX;
				paramString += "&textY"+i+"="+lineY;
				paramString += "&textCol"+i+"="+fontCol;
				paramString += "&textForm=0";
			}
		}
		paramString += "&baseItem="+baseItem;
		paramString += "&borders="+baseBorders;
		paramString += "&imageX="+imageX;
		paramString += "&imageY="+imageY;
		paramString += "&imageSize="+imageSize;
		paramString += "&printID="+printID;
		paramString += "&showImage="+showImage;
	
		updateShirtImage(paramString);
	}
}

function move(theInc,theField) {
	if (imFree) {
		var theField = document.getElementById(theField);
		var theVal = theField.value-0;
		theVal += theInc;
		theField.value = theVal;
	}
}

function setField(theValue,theField) {
	var theField = document.getElementById(theField).value=theValue;
}


function saveMe() {
	if (confirm("Are you sure you want to save this design?")) {

		document.getElementById("d_baseImage").value 	= document.getElementById("baseImage").value;
		document.getElementById("d_printID").value 		= document.getElementById("printID").value;
		document.getElementById("d_textXOffset").value 	= document.getElementById("textXOffset").value;
		document.getElementById("d_textYOffset").value 	= document.getElementById("textYOffset").value;

		for (j = 0; j < 6; j++)
		{
				document.getElementById("d_textline"+j).value 	= document.getElementById("textline"+j).value;
				document.getElementById("d_lineX"+j).value 		= document.getElementById("lineX"+j).value;
				document.getElementById("d_lineY"+j).value 		= document.getElementById("lineY"+j).value;
				document.getElementById("d_fontsize"+j).value 	= document.getElementById("fontsize"+j).value;
				document.getElementById("d_fontcol"+j).value 	= document.getElementById("fontcol"+j).value;
				document.getElementById("d_fontfamily"+j).value = document.getElementById("fontfamily"+j).value;
		}

		document.getElementById("d_showImage").value 	= (document.getElementById("showImage").checked==true) ? "on" : "off";
		document.getElementById("d_imageXOffset").value = document.getElementById("imageXOffset").value;
		document.getElementById("d_imageYOffset").value = document.getElementById("imageYOffset").value;
		document.getElementById("d_imageSize").value 	= document.getElementById("imageSize").value;

		document.getElementById("d_comboImage").value 		= document.getElementById("comboImage").value;
		document.getElementById("d_baseImageFile").value 	= document.getElementById("baseImageFile").value;

		document.theDataForm.submit();
	}
}

function selectTextPanel(theValue) {
	for (j=0;j<textRows;j++) {
		var thePanel = document.getElementById("textData"+j);
		if (j==theValue) {
			thePanel.style.left =  "0";
			document.getElementById("inUrText").value = j;
		} else {
			thePanel.style.left =  "-999em";
		}
	}
}

function startOver() {
	for (j = 0; j < 6; j++)
	{
			document.getElementById("textline"+j).value = "";
			document.getElementById("lineX"+j).value = 0;
			document.getElementById("lineY"+j).value = 0;
			document.getElementById("fontsize"+j).selectedIndex=3;
			document.getElementById("fontcol"+j).selectedIndex=0;
			document.getElementById("fontfamily"+j).selectedIndex=1;
	}
	selectTextPanel(0);
	adjust();
}


function setPrice() {
	thePriceField = document.getElementById('thePrice');
	theProd = document.getElementById('baseImage').selectedIndex;
	var priceText = "$"+priceArray[theProd];
	if (priceText.indexOf(".")==-1) priceText+=".00";
	var theNum = (priceText.length)-(priceText.indexOf("."));
	while (theNum!=3 && priceText.length<10) {
		priceText += "0";
		theNum = (priceText.length)-(priceText.indexOf("."));
	}
	thePriceField.innerHTML = priceText;
}