function changeColor(col) {
	var inmat=document.getElementById("iMat");
	var ims=document.getElementById("imc");
	switch (col){
	case 1: 
	inmat.style.backgroundImage="url(/css/images/CMBurntOrange1077.jpg)";
	ims.value="CMBurntOrange1077";
	break;
	case 2:
	inmat.style.backgroundImage="url(/css/images/CMClassicBrown1040.jpg)";
	ims.value="CMClassicBrown1040";
	break;
	case 3: 
	inmat.style.backgroundImage="url(/css/images/CMCornflower3370.jpg)";
	ims.value="CMCornflower3370";
	break;
	case 4: 
	inmat.style.backgroundImage="url(/css/images/CMCranberry3330.jpg)";
	ims.value="CMCranberry3330";
	break;
	case 5: 
	inmat.style.backgroundImage="url(/css/images/CMDaffodil971.jpg)";
	ims.value="CMDaffodil971";
	break;
	case 6: 
	inmat.style.backgroundImage="url(/css/images/CMIvory1008.jpg)";
	ims.value="CMIvory1008";
	break;
	case 7: 
	inmat.style.backgroundImage="url(/css/images/CMKellyGreen993.jpg)";
	ims.value="CMKellyGreen993";
	break;
	case 8: 
	inmat.style.backgroundImage="url(/css/images/CMManorWhite3340.jpg)";
	ims.value="CMManorWhite3340";
	break;
	case 9: 
	inmat.style.backgroundImage="url(/css/images/CMRed900.jpg)";
	ims.value="CMRed900";
	break;
	case 10: 
	inmat.style.backgroundImage="url(/css/images/CMStormBlue1067.jpg)";
	ims.value="CMStormBlue1067";
	break;
	case 11: 
	inmat.style.backgroundImage="url(/css/images/CMWilliamsburgGreen988.jpg)";
	ims.value="CMWilliamsburgGreen988";
	break;
	case 12: 
	inmat.style.backgroundImage="url(/css/images/CMWinterWhite3354.jpg)";
	ims.value="CMWinterWhite3354";
	break;
	}
}

function changeColorOM(col) {
	var inmat=document.getElementById("iMat");	
	var oms=document.getElementById("omc");
	switch (col){
	case 12:
	inmat.style.borderStyle="solid";
	inmat.style.borderColor="#fefaee";
	inmat.style.borderWidth="30px";
	oms.value="CMWinterWhite3354";
	break;
	case 11:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#354834"
	inmat.style.borderWidth="30px"
	oms.value="CMWilliamsburgGreen988";
	break;
	case 10:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#3c4969"
	inmat.style.borderWidth="30px"
	oms.value="CMStormBlue1067";
	break;
	case 9:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#bb2628"
	inmat.style.borderWidth="30px"
	oms.value="CMRed900";
	break;
	case 8:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#fffffd"
	inmat.style.borderWidth="30px"
	oms.value="CMManorWhite3340";
	break;
	case 7:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#3f8c60"
	inmat.style.borderWidth="30px"
	oms.value="CMKellyGreen993";
	break;
	case 6:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#fdf2dc"
	inmat.style.borderWidth="30px"
	oms.value="CMIvory1008";
	break;
	case 5:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#fefdcd"
	inmat.style.borderWidth="30px"
	oms.value="CMDaffodil971";
	break;
	case 4:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#84343f"
	inmat.style.borderWidth="30px"
	oms.value="CMCranberry3330";
	break;
	case 3:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#b7e9f0"
	inmat.style.borderWidth="30px"
	oms.value="CMCornflower3370";
	break;
	case 2:
	inmat.style.borderStyle="solid"
	inmat.style.borderColor="#5f3028"
	inmat.style.borderWidth="30px"
	oms.value="CMClassicBrown1040";
	break;
	case 1:
	inmat.style.borderStyle="solid";
	inmat.style.borderColor="#dc5236";
	inmat.style.borderWidth="30px";
	oms.value="CMBurntOrange1077";
	break;
	}
}

function resetimc(color) {
	var txtobj=document.getElementById(color);
	var inmat=document.getElementById("iMat");
	inmat.style.backgroundImage="url(/css/images/"+txtobj.value+".jpg)";
}

function resetomc(color) {
	var txtobj=document.getElementById(color);
	var inmat=document.getElementById("iMat");
	switch (txtobj.value){
	case "CMWinterWhite3354":
	inmat.style.borderColor="#fefaee";
	break;
	case "CMWilliamsburgGreen988":
	inmat.style.borderColor="#35475b"
	break;
	case "CMStormBlue1067":
	inmat.style.borderColor="#3c4969"
	break;
	case "CMRed900":
	inmat.style.borderColor="#bb2628"
	break;
	case "CMManorWhite3340":
	inmat.style.borderColor="#fffffd"
	break;
	case "CMKellyGreen993":
	inmat.style.borderColor="#3f8c60"
	break;
	case "CMIvory1008":
	inmat.style.borderColor="#fdf2dc"
	break;
	case "CMDaffodil971":
	inmat.style.borderColor="#fefdcd"
	break;
	case "CMCranberry3330":
	inmat.style.borderColor="#84343f";
	break;
	case "CMCornflower3370":
	inmat.style.borderColor="#b7e9f0";
	break;
	case "CMClassicBrown1040":
	inmat.style.borderColor="#5f3028";
	break;
	case "CMBurntOrange1077":
	inmat.style.borderColor="#dc5236";
	break;
	}
	inmat.style.borderStyle="solid";
	inmat.style.borderWidth="30px";
}

function resetamt(amount) {
	var selectobject=document.getElementById("amt");
		switch(amount){
		case 60:
		selectobject.options.selectedIndex=1;
		break;
		case 45: 
		selectobject.options.selectedIndex=2;
		break;
		case 30: 
		selectobject.options.selectedIndex=3;
		break;	
		}
}

function resetqty(quantity) {
	var selectobject=document.getElementById("qty");
		switch(quantity){
		case 1:
		selectobject.options.selectedIndex=1;
		break;
		case 2: 
		selectobject.options.selectedIndex=2;
		break;
		case 3: 
		selectobject.options.selectedIndex=3;
		break;	
		case 4: 
		selectobject.options.selectedIndex=3;
		break;	
		}
}

	function get(id){
		return document.getElementById(id);
}

	function isFormValid(){
		var msg ="";
		var imc = get("imc");
		var omc = get("omc");
		var amt = get("amt");
		var qty = get("qty");
		if(imc.value==""){
		msg="Select Inner Mat Color."
		}
		if(omc.value==""){
		msg+="\nSelect Outer Mat Color."
		}
		if(amt.value=="SizeMissing"){
		msg+="\nSelect Finished Image Size."
		}
		if(qty.value=="QuantityMissing"){
		msg+="\nSelect Quantity."
		}
		if (msg!="")
		{
		alert(msg)
		return false
		}
		else {
		return true;		
		}
}