// JavaScript Document

function pick(){
	var cols=new Array(17)
	cols[0]="Beige"
	cols[1]="Black"
	cols[2]="Brown"
	cols[3]="Dark Blue"
	cols[4]="Dark Green"
	cols[5]="Emerald Green"
	cols[6]="Grey"
	cols[7]="Light Blue"
	cols[8]="Light Green"
	cols[9]="Maroon"
	cols[10]="Mauve"
	cols[11]="Orange"
	cols[12]="Pink"
	cols[13]="Purple"
	cols[14]="Red"
	cols[15]="Royal Blue"
	cols[16]="White"
	cols[17]="Yellow"
	
	var cap_pat=new Array(9)
	cap_pat[0]="Plain"
	cap_pat[1]="Hooped"
	cap_pat[2]="Striped"
	cap_pat[3]="Check"
	cap_pat[4]="Spots"
	cap_pat[5]="Quatered"
	cap_pat[6]="Stars / Diamonds"
	cap_pat[7]="Stars"
	cap_pat[8]="Diamonds"
	
	var sleeve_pat= new Array(12)
	sleeve_pat[0]="Plain"
	sleeve_pat[1]="Armlet"
	sleeve_pat[2]="Hooped"
	sleeve_pat[3]="Striped"
	sleeve_pat[4]="Chevrons"
	sleeve_pat[5]="Seams"
	sleeve_pat[6]="Stars"
	sleeve_pat[7]="Spots"
	sleeve_pat[8]="Halved"
	sleeve_pat[9]="Diabolo"
	sleeve_pat[10]="Diamonds"
	sleeve_pat[11]="Check"
	
	var jack_pat= new Array(27)
	jack_pat[0]="Plain"
	jack_pat[1]="Seams"
	jack_pat[2]="Epaulettes"
	jack_pat[3]="Srtipe"
	jack_pat[4]="Braces"
	jack_pat[5]="Stripes"
	jack_pat[6]="Hoop"
	jack_pat[7]="Hoops"
	jack_pat[8]="Halved"
	jack_pat[9]="Quatered"
	jack_pat[10]="Sash"
	jack_pat[11]="Cross Belts"
	jack_pat[12]="Chevron"
	jack_pat[13]="Chevrons"
	jack_pat[14]="Squares"
	jack_pat[15]="Diamonds"
	jack_pat[16]="Spots"
	jack_pat[17]="Stars"
	jack_pat[18]="+ of Lorr"
	jack_pat[19]="Diamond"
	jack_pat[20]="Star"
	jack_pat[21]="Disc"
	jack_pat[22]="Inv Tri"
	jack_pat[23]="Diabolo"
	jack_pat[24]="Large Spots"
	jack_pat[25]="Trip Dia"
	jack_pat[26]="Hollow Box"


	var jacket_holder = document.getElementById("jacket")
	var sleeve_holder = document.getElementById("sleeves")
	var cap_holder = document.getElementById("cap")
	
	var cap_desc = document.getElementById("cap_desc")
	var jack_desc = document.getElementById("jack_desc")
	
	
	
	var j_col = document.cp.jacket_col.value;
	var s_col = document.cp.sleeve_col.value;
	var c_col = document.cp.cap_col.value;
	
	var j_pat = document.cp.jacket_pat.value;
	var s_pat = document.cp.sleeve_pat.value;
	var c_pat = document.cp.cap_pat.value;
	
	var j_pat_col = document.cp.jacket_pat_col.value;
	var s_pat_col = document.cp.sleeve_pat_col.value;
	var c_pat_col = document.cp.cap_pat_col.value;
	
	//base offsets
	var cap_x_base = 25;
	var cap_y_base = 0;
	
	var jacket_x_base = 21;
	var jacket_y_base = 0;
	
	var sleeve_x_base = 0;
	var sleeve_y_base = 13;
	
	//scale values
	var cap_x_scale= 105.8;
	var cap_y_scale= 66.4;
	
	var jacket_x_scale= 129;
	var jacket_y_scale = 133;
	
	var sleeve_x_scale = 143.3;
	var sleeve_y_scale = 146;
	
	//Jacket Calcs
	var file_jacket = "images/Jackets/JACKET_ARRAY_"+ (j_pat_col) +".png";
	var jacket_target_x =  (-1 * jacket_x_scale * j_col) + jacket_x_base
	var jacket_target_y =  (-1 * jacket_y_scale * j_pat) + jacket_y_base
	if (j_col == 0){
		jacket_target_x = jacket_target_x - 1
	}
	if (j_col == 6){
		jacket_target_x = jacket_target_x + 0
	}
	var jacket_string = jacket_target_x + "px " +  jacket_target_y + "px"
	
	//Sleeve Calcs
	var file_sleeve = "images/Sleeves/SLEEVE_ARRAY_"+ (s_pat_col) +".png";
	var sleeve_target_x =  (-1 * sleeve_x_scale * s_col) + sleeve_x_base
	var sleeve_target_y =  (-1 * sleeve_y_scale * s_pat) +sleeve_y_base
	if (s_col == 3 || s_col == 6 || s_col == 9 || s_col == 12 || s_col == 13 || s_col == 15){
		sleeve_target_x = sleeve_target_x -1
	}
	if (s_col == 17){
		sleeve_target_x = sleeve_target_x - 16
	}
	var sleeve_string = sleeve_target_x + "px " +  sleeve_target_y + "px"
	
	
	
	//Cap Calcs
	var file_cap = "images/Caps/CAP_ARRAY_"+ (c_pat_col) +".png";
	var cap_target_x =  (-1 * cap_x_scale * c_col) + cap_x_base
	var cap_target_y =  (-1 * cap_y_scale * c_pat) + cap_y_base
	var cap_string = cap_target_x + "px " +  cap_target_y + "px"
	
	jacket_holder.style.backgroundImage = "url("+file_jacket+")";
	jacket_holder.style.backgroundPosition =  jacket_string;
	
	sleeve_holder.style.backgroundImage = "url("+file_sleeve+")";
	sleeve_holder.style.backgroundPosition =  sleeve_string;
	
	cap_holder.style.backgroundImage = "url("+file_cap+")";
	cap_holder.style.backgroundPosition =  cap_string;
	
	jack_desc.innerHTML = cols[j_col] + " jacket with " + cols[j_pat_col-1] + " " + jack_pat[j_pat] + " pattren, " + cols[s_col] + " sleeves with " +cols[s_pat_col-1]+ " "+ sleeve_pat[s_pat] + " pattern"
	cap_desc.innerHTML = cols[c_col] + " cap with " + cols[c_pat_col-1] + " " + cap_pat[c_pat] + " pattern"
}