function changePic(imgId, newPath)
{
	document.getElementById('imgId').src= newPath;
}

function changeMainPic(newPath, errorImagePath)
{
	var img = new Image();
	//alert(newPath);
	img.onload = function ()
	{
		document.getElementById('mainimage').src= newPath;
	}
	img.onerror = function ()
	{

		//alert('hello');
		document.getElementById('mainimage').src='images/missing_medium.gif';
		//alert(document.getElementById('mainimage').src);
		/*
		var newImageArray = new Array();
		if(newPath == ''){



		}
		else {
		newImageArray = newPath.split('/');
		newImage = newImageArray[oldImageArray.length - 1];
		var newImg = new Array();
		//now, split this image name up into
		//[0] = handle
		//[1] = prodnum
		//[2] = finish
		//[3] = extra
		//[4] = file extension (.jpg, .gif)
		newImg = newImage.split('.');
		if(newImg.length==5){
		alert("hello");
		var noExtraImg = new Array(4);
		noExtraImg[0] = newImg[0];
		noExtraImg[1] = newImg[1];
		noExtraImg[2] = newImg[2];
		noExtraImg[3] = newImg[4];

		var newPath = oldImageArray.join('/');

		changeMainPic(newPath);
		}
		}
		*/
	}
	img.src = newPath;
}


function changeHandle(newHandle)
{
	//old image path
	oldImage = document.getElementById('mainimage').src;

	//first, get the last thing after the / to take out the directories
	var oldImageArray = new Array();
	oldImageArray = oldImage.split('/');
	oldImage = oldImageArray[oldImageArray.length - 1];
	//alert(oldImage);

	var newImg = new Array();
	//now, split this image name up into
	//[0] = handle
	//[1] = prodnum
	//[2] = finish
	//[3] = extra
	//[4] = file extension (.jpg, .gif)
	newImg = oldImage.split('.');
	/*
	//check to see if it doesn't have all four of the above components
	if (newImg.length != 4)
	{
	newImg = new Array(4);
	newImg[1] = document.getElementById('prodnum').value;
	newImg[2] = document.getElementById('curF').value;
	newImg[3] = 'jpg';
	}
	*/
	newImg[0] = newHandle;
	document.getElementById('curH').value = newHandle;

	if(newImg.length == 5){
		oldImageArray[oldImageArray.length - 1] = newImg[0]+'.'+newImg[1]+'.'+newImg[2]+'.'+newImg[3]+'.'+newImg[4];
	}
	else {
		oldImageArray[oldImageArray.length - 1] = newImg[0]+'.'+newImg[1]+'.'+newImg[2]+'.'+newImg[3];
	}

	var newPath = oldImageArray.join('/');

	oldProdName = document.getElementById('product_name')
	//alert ( oldProdName )
	oldProdName = oldProdName.innerHTML.split('.');
	newProdName = newHandle+"."+oldProdName[1]+"."+oldProdName[2]
	if ( document.getElementById("extra").value !='')
		newProdName += "."+document.getElementById("extra").value
	document.getElementById('product_name').innerHTML = newProdName

	//alert(document.getElementById('price_'+newHandle+'.'+oldProdName[2]).value);
	if(document.getElementById('price_'+newHandle+'.'+oldProdName[2]).value == 'Discontinued')
		newPrice = "<font color='red'><b>Discontinued</b></font>";
	else
		newPrice = "USD $"+parseFloat(document.getElementById('price_'+newHandle+'.'+oldProdName[2]).value).toFixed(2)

	document.getElementById('price').innerHTML = newPrice

	changeMainPic(newPath);
}

function changeFinish(newFinish)
{
	//old image path

	//first, get the last thing after the / to take out the directories
	var oldImageArray = new Array();

	oldImage = document.getElementById('mainimage').src;
	if(oldImage.indexOf('missing')>0){
		oldImage = 'cifial_output/web_medium/'+document.getElementById('curH').value+'.' +
		document.getElementById('prodnum').value+'.' +document.getElementById('curF').value;
		if(document.getElementById('extra').value!=''){
			oldImage = oldImage + '.' + document.getElementById('extra').value;
		}
		oldImage = oldImage + '.jpg';
	}

	//alert(oldImage);

	oldImageArray = oldImage.split('/');
	oldImage = oldImageArray[oldImageArray.length - 1];

	var newImg = new Array();
	//now, split this image name up into
	//[0] = handle
	//[1] = prodnum
	//[2] = finish
	//[4] = extra
	//[5] = file extension (.jpg, .gif)
	newImg = oldImage.split('.');

	newImg[2] = newFinish;
	document.getElementById('curF').value = newFinish;

	if(newImg.length == 5){
		oldImageArray[oldImageArray.length - 1] = newImg[0]+'.'+newImg[1]+'.'+newImg[2]+'.'+newImg[3]+'.'+newImg[4];
	}
	else {
		oldImageArray[oldImageArray.length - 1] = newImg[0]+'.'+newImg[1]+'.'+newImg[2]+'.'+newImg[3];
	}

	var newPath = oldImageArray.join('/');

	//update product name
	oldProdName = document.getElementById('product_name')
	//alert ( oldProdName )
	oldProdName = oldProdName.innerHTML.split('.');
	newProdName = oldProdName[0]+"."+oldProdName[1]+"."+newFinish
	if ( document.getElementById("extra").value !='')
		newProdName += "."+document.getElementById("extra").value
	document.getElementById('product_name').innerHTML = newProdName
	//alert ( newProdName )

	if(document.getElementById('price_'+oldProdName[0]+'.'+newFinish).value == 'Discontinued')
		newPrice = "<font color='red'><b>Discontinued</b></font>";
	else
		newPrice = "USD $"+parseFloat(document.getElementById('price_'+oldProdName[0]+'.'+newFinish).value).toFixed(2)
	document.getElementById('price').innerHTML = newPrice

	changeMainPic(newPath);
}