function getSizeList() {

		var my_index = document.getElementById('CanSize').value;
		var currsel = document.getElementById('CanSize').selectedIndex;
    var orgrp = document.getElementsByName('orient');
		var sizesel = document.getElementById('CanSize');
    var ortype = 0;
    for (i = 0; i < orgrp.length; i++) {
        if (orgrp[i].checked) {
        	ortype = orgrp[i].value;
        }
    }

    for (i=sizesel.length;i>=0;i--) {
      sizesel.options[i]=null;
    }

  	if (ortype == 2) {

       for (i=0;i<sizes.length;i++) {

       	 sval = canvas_size[sizes[i]][6]+' x '+canvas_size[sizes[i]][5];

         myOption = new Option(sval,sizes[i]);
         optionPos = sizesel.options.length;
         sizesel.options[optionPos]=myOption;

       }

			document.getElementById('CanSize').selectedIndex = currsel;

    } else {

       for (i=0;i<sizes.length;i++) {

       	 sval = canvas_size[sizes[i]][5]+' x '+canvas_size[sizes[i]][6];

         myOption = new Option(sval,sizes[i]);
         optionPos = sizesel.options.length;
         sizesel.options[optionPos]=myOption;

       }

       document.getElementById('CanSize').selectedIndex = currsel;

    }

		document.getElementById('CanSize').focus();

}

function updatePrice() {

		var ctype = document.getElementById('CanType').value;
		var csize = document.getElementById('CanSize').value;
    var ccost = canvas_size[csize][ctype];
		var cpick = document.getElementById("colorbox");

		if(ctype == 4) {

			cpick.style.display = "block";

		} else {

			cpick.style.display = "none";

		}

		if (document.getElementById('CanColor').value != 1) {

			ccost += 15;

		}

		if (document.getElementById('enh_re').checked) {

			ccost += 20;

		}

		if (document.getElementById('enh_cc').checked) {

			ccost += 20;

		}

		if (document.getElementById('enh_mr').checked) {

			ccost += 20;

		}

		if (document.getElementById('enh_ps').checked) {

			ccost += 40;

		}

		if (document.getElementById('enh_ma').checked) {

			ccost += 20;

		}

		ccost = ccost.toFixed(2);

		document.getElementById('CanTotal').value = '$' + ccost;

		document.getElementById('CanTotalX').value = ccost;

}


function updateBoxes(mode) {

/*
var ttest = mode+" - "+document.getElementById(mode).checked;
alert(ttest);
		if (mode == 5 || mode == 'enh_ps') {

					document.getElementById('enh_re').checked = false;
					document.getElementById('enh_re').className == 'checkbox_unchecked';
					document.getElementById('enh_cc').checked = false;
					document.getElementById('enh_cc').className == 'checkbox_unchecked';
					document.getElementById('enh_mr').checked = false;
					document.getElementById('enh_mr').className == 'checkbox_unchecked';
					document.getElementById('enh_ma').checked = false;
					document.getElementById('enh_ma').className == 'checkbox_unchecked';


		}

		if (mode == 6 || mode == 'enh_ma') {

var ttest = mode+" - "+document.getElementById(mode).checked;
alert(ttest);

				document.getElementById('enh_re').checked = false;

				document.getElementById('enh_re').className == 'checkbox_unchecked';
				document.getElementById('enh_cc').checked = false;
				document.getElementById('enh_cc').className == 'checkbox_unchecked';
				document.getElementById('enh_mr').checked = false;
				document.getElementById('enh_mr').className == 'checkbox_unchecked';
				document.getElementById('enh_ps').checked = false;
				document.getElementById('enh_ps').className == 'checkbox_unchecked';



		}

		if (mode < 5 || mode == 'enh_re' || mode == 'enh_cc' || mode == 'enh_mr') {

var ttest = mode+" - "+document.getElementById(mode).checked;
alert(ttest);
			document.getElementById('enh_ma').checked = false;
			document.getElementById('enh_ma').className == 'checkbox_unchecked';
			document.getElementById('enh_ps').checked = false;
			document.getElementById('enh_ps').className == 'checkbox_unchecked';

		}
*/
		updatePrice();

}


function init() {

	document.getElementById("jswarn").style.display = "none";

	getSizeList();

	updatePrice();

	loadSV();

	updateH('000000');

	document.getElementById('bcolor').value = "000000";

	var subbut = document.getElementById("submitbutt");

	subbut.style.display = "block";

	var ula= new Image();
	ula.src="images/upload_anim.gif";

}

function mkColor(v){

	$S('colorsamp').background='#'+v;
	document.getElementById('bcolor').value = v;

}


function checkSimple () {

	var fileok = 0;
	var extn = "jpg,jpeg,png,psd,tif,tiff";
	var extarr = extn.split(",");

	var fileval = document.getElementById('uploadedfile').toLowerCase();

	for(i=0; i<extarr.length; i++) {

    if(fileval.value.indexOf('.' + extarr[i]) != -1) {

      fileok = 1;

    }

  }

	if (fileok == 0) {

	  alert('The photo must be either a JPG/JPEG. PNG, or PSD.\nPlease select a different photo.');
	  fileval.focus();
	  return false;

	}


	popBOX('<div style="padding: 6px;"><img src="http://www.creativeimagingstudios.com/images/upload_anim.gif" width="295" height="162" alt="Uploading..." /></div>','305');
	return true;

}
//function $(v) { return(document.getElementById(v)); }
//function $S(v) { return($(v).style); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function isset(v) { return((typeof(v)=='undefined' || v.length==0)?false:true); }
function XYwin(v) { var z=agent('msie')?Array(document.body.clientHeight,document.body.clientWidth):Array(window.innerHeight,window.innerWidth); return(isset(v)?z[v]:z); }



function filterFileType() {

	var extn = "jpg,jpeg,png,psd";
	var extarr = extn.split(",");
	for(i=0; i<extarr.length; i++) {
	    if(field.value.indexOf('.' + extarr[i]) != -1) {
	      return true;
	    }
	}

  alert('Your uploaded file must be a .' + ext + ' type file.\nPlease select again.');
  field.focus();
  return false;
}







function popTOG() {
	document.onclick=function(){
		$S('popBG').display='none';
		$S('popBOX').display='none';
		document.onclick=function(){};
	};
}

function popBOX(vd,b) {
	setTimeout("popTOG()",100000);
	$S('popBG').height=XYwin(0)+'px';
	$S('popBG').display='block';
	$('popBOX').innerHTML=vd;
	//$S('popBOX').left=Math.round((XYwin(1)-b)/2)+'px';
	$S('popBOX').left=Math.round(500-(b/2))+'px';
	$S('popBOX').width=b+'px';
	$S('popBOX').display='block';
}