//----------cookies-----------
var cookies = getCookies();
//---------------------------SAIL DATA-----------------------------------------------------------------------------------------------
// 1.3 meter sail data (130)
//---------------------------------------------------------------------------------------------------------------------------------------
var color_table_130 = new Array();  // values set in function called by draw_controls();
var part_color_table_130 = new Array(); // values set in function called by draw_controls();
var part_color_table_proper_130; // values set in function called by draw_controls();
if(cookies['cloth_type'] == 'nylon')
{
	var panel_color_table_130 = new Array();
	var part_table_130 = new Array("panel1_130","panel2inner_130","panel2outer_130","panel3inner_130","panel3outer_130","panel4inner_130","panel4outer_130","battentape1_130","battentape2_130","battentape3_130","reinforcementclew_130","reinforcementhead_130","reinforcementtack_130","foothem_130","leechhem_130","mastpocket_130");
	var id_row_130 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p");
	var report_table_130 = new Array("rpanel1","rpanel2inner","rpanel2outer","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rbatten3","rfoothem","rleechhem","rmastpocket","rclew","rhead","rtack");
	var panel_name_130 = new Array("Panel 1","Panel 2 (inner)","Panel 2 (outer)","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (middle)","Batten pocket (bottom)","Clew","Head","Tack","Foot Hem","Leech Hem","Mast Pocket");
}
else
{
	var panel_color_table_130 = new Array();
	var part_table_130 = new Array("panel1_130","panel2inner_130","panel2outer_130","panel3inner_130","panel3outer_130","panel4inner_130","panel4outer_130","battentape1_130","battentape2_130","battentape3_130","reinforcementclew_130","reinforcementtack_130","foothem_130","leechhem_130","mastpocket_130");
	var id_row_130 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o");
	var report_table_130 = new Array("rpanel1","rpanel2inner","rpanel2outer","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rbatten3","rfoothem","rleechhem","rmastpocket","rclew","rtack");
	var panel_name_130 = new Array("Panel 1","Panel 2 (inner)","Panel 2 (outer)","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (middle)","Batten pocket (bottom)","Clew","Tack","Foot Hem","Leech Hem","Mast Pocket");
}
//---------------------------NEW SAIL DATA---------------------------------------------------------------------------------------
// 1.0 meter sail data (099)
var color_table_099; // values set in function called by draw_controls();
var part_color_table_099; // values set in function called by draw_controls();
var part_color_table_proper_099; // values set in function called by draw_controls();
if(cookies['cloth_type'] == 'nylon')
{
	var panel_color_table_099 = new Array();
	var part_table_099 = new Array("panel1_099","panel2_099","panel3inner_099","panel3outer_099","panel4inner_099","panel4outer_099","battenpocket01_099","battenpocket02_099","reinforcementclew_099","reinforcementhead_099","reinforcementtack_099","foothem_099","leechhem_099","mastpocket_099");
	var id_row_099 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n");
	var report_table_099 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rhead","rtack");
	var panel_name_099 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)", "Batten pocket (top)","Batten pocket (bottom)","Clew","Head","Tack","Foot Hem","Leech Hem","Mast Pocket");
}
else
{
	var panel_color_table_099 = new Array();
	var part_table_099 = new Array("panel1_099","panel2_099","panel3inner_099","panel3outer_099","panel4inner_099","panel4outer_099","battenpocket01_099","battenpocket02_099","reinforcementclew_099","reinforcementtack_099","foothem_099","leechhem_099","mastpocket_099");
	var id_row_099 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m");
	var report_table_099 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rtack");
	var panel_name_099 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)", "Batten pocket (top)","Batten pocket (bottom)","Clew","Tack","Foot Hem","Leech Hem","Mast Pocket");
}
//--------------------------------------------------------------------------------------------------------------------------------------
//---------------------------NEW SAIL DATA--------------------------------------------------------------------------------------
// 0.7 meter sail data (070)
var color_table_070 = new Array(); // values set in function called by draw_controls();
var part_color_table_070 = new Array(); // values set in function called by draw_controls();
var part_color_table_proper_070 = new Array(); // values set in function called by draw_controls();
if(cookies['cloth_type'] == 'nylon')
{
	var panel_color_table_070 = new Array();
	var part_table_070 = new Array("panel1_070","panel2_070","panel3inner_070","panel3outer_070","panel4inner_070","panel4outer_070","battenpocket01_070","battenpocket02_070","reinforcementclew_070","reinforcementhead_070","reinforcementtack_070","foothem_070","leechhem_070","mastpocket_070");
	var id_row_070 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n");
	var report_table_070 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rhead","rtack");
	var panel_name_070 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (bottom)","Clew","Head","Tack","Foot Hem","Leech Hem","Mast Pocket");
}
else
{
	var panel_color_table_070 = new Array();
	var part_table_070 = new Array("panel1_070","panel2_070","panel3inner_070","panel3outer_070","panel4inner_070","panel4outer_070","battenpocket01_070","battenpocket02_070","reinforcementclew_070","reinforcementtack_070","foothem_070","leechhem_070","mastpocket_070");
	var id_row_070 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m");
	var report_table_070 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rtack");
	var panel_name_070 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (bottom)","Clew","Tack","Foot Hem","Leech Hem","Mast Pocket");
}
//-------------------------------------------------------------------------------------------------------------------------------------
// Dacron Color List - see dacron_colors.txt
// Nylon Color List - see nylon_colors.txt
//--------------------------------

var cloth_title="<ul style=text-align:left;><li>3.8 ounce Dacron is our standard material.</li><li>It is one of the best sail cloths you will ever find. Dacron is strong & holds a great shape.</li><li>3.8 oz dacron is a little heavier than our nylon option but compared to its benefits this is not much of an issue. </li><li>1.5 ounce nylon is good for a paddle sailor working hard to eliminate weight & volume. </li><li>Somebody on a extended wilderness trip where space is at a premium & they still want to carry 3 sizes of sails may want to use 1.5 oz nylon. </li><li>A new nylon sail will fold easier and nicer than a new dacron sail. </li><li> On the other hand, a nylon sail will not hold its shape as well. It will tend to have wrinkles and puckers. This decreases efficiency, makes for a little more work, and does not look as good. </li><li>If you do not have specific reason to use a 1.5 oz nylon sail you should use a 3.8 oz dacron sail. We give nylon as an option primarly for those with a specific use.</li></ul>";
var windowoptions_title="Use window material for these panels.  Window material is much heavier.";
var sailsize_title="Change to different size sail (your choices will be remembered when you switch sizes)";

var colors_to_set = new Array();
// resets sail_type cookie and reloads the page (only useful for those that need to update/delete their site cookies)
function start_over()
{
	var mydate = new Date();
	mydate.setTime(mydate.getTime() - 1);
	document.cookie = "sail_type=; expires=" + mydate.toGMTString(); 
	window.location="http://www.falconsails.com/design/";
}
// Get Color Values FROM TEXT FILE
function gcv(type)
{
	cookies = getCookies();
	var xmlhttp = new XMLHttpRequest();
	var temp_array;
	var color_array = new Array();

	if(cookies['cloth_type'] == 'dacron')
	{
		xmlhttp.open("GET","dacron_colors.txt",false);
		xmlhttp.send();
		var dacron_color_list = xmlhttp.responseText.split("\n");
		
		switch(type)
		{
			case 'color':
				for(var i in dacron_color_list)
				{
					temp_array = dacron_color_list[i].split(",");
					color_array[i]=temp_array[2];
				}
			break;
			case 'name':
				for(var i in dacron_color_list)
				{
					temp_array = dacron_color_list[i].split(",");
					color_array[i]=temp_array[1];
				}
			break;
			case 'proper':
				for(var i in dacron_color_list)
				{
					temp_array = dacron_color_list[i].split(",");
					color_array[i]=temp_array[0];
				}
			break;
		}
		return color_array;
	}
	else
	{
		xmlhttp.open("GET","nylon_colors.txt",false);
		xmlhttp.send();
		var nylon_color_list = xmlhttp.responseText.split("\n");

		switch(type)
		{
			case 'color':
				for(var i in nylon_color_list)
				{
					temp_array = nylon_color_list[i].split(",");
					color_array[i]=temp_array[2];
				}
			break;
			case 'name':
				for(var i in nylon_color_list)
				{
					temp_array = nylon_color_list[i].split(",");
					color_array[i]=temp_array[1];
				}
			break;
			case 'proper':
				for(var i in nylon_color_list)
				{
					temp_array = nylon_color_list[i].split(",");
					color_array[i]=temp_array[0];
				}
			break;
		}
		return color_array;
	}
}

function load_menu()
{
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.open("POST","menu.php",false);
	xmlhttp.send();
	document.write(xmlhttp.responseText);
}
function start()
{
preload();
draw_controls();

load_chooser();
load_tooltip();
document.getElementById('show_friend').style.visibility="visible";
document.getElementById('background_chooser').style.visibility="visible";
document.getElementById('buynow').style.visibility="visible";
document.getElementById('load_bar').style.visibility="hidden";
document.getElementById('fail_safe').style.visibility="hidden";
}

function preload()
{ 
	document.getElementById('load_bar').style.visibility="visible";
	document.getElementById('load_bar').innerHTML="Loading Cookie information...";
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.open("POST","cookie.php",false);
	xmlhttp.send();
}

function draw_controls()
{	
	document.getElementById('load_bar').style.visibility="visible";
	document.getElementById('load_bar').innerHTML="Drawing Sail Controls...";	
	
	cookies = getCookies();
	switch(cookies['sail_type'])
	{
		case '130':
			switch(cookies['cloth_type'])
			{
				case 'dacron':
					color_table_130 = gcv('color');
					part_color_table_130 = gcv('name');
					part_color_table_proper_130 = gcv('proper');
	
					part_table_130 = new Array("panel1_130","panel2inner_130","panel2outer_130","panel3inner_130","panel3outer_130","panel4inner_130","panel4outer_130","battentape1_130","battentape2_130","battentape3_130","reinforcementclew_130","reinforcementtack_130","foothem_130","leechhem_130","mastpocket_130");
					id_row_130 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o");
					report_table_130 = new Array("rpanel1","rpanel2inner","rpanel2outer","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rbatten3","rfoothem","rleechhem","rmastpocket","rclew","rtack");
					panel_name_130 = new Array("Panel 1","Panel 2 (inner)","Panel 2 (outer)","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (middle)","Batten pocket (bottom)","Clew","Tack","Foot Hem","Leech Hem","Mast Pocket");

					var control_string=("<table style='background-color:#414141; border:thin #666 solid;'><tr><td colspan='" + (color_table_130.length+2) + "' id='control_header'>Falcon Sail Designer - <span style='font-size:.8em;'>Cloth Type (3.8oz Dacron)</span></td></tr>");
				break;
				case 'nylon':
					color_table_130 = gcv('color');
					part_color_table_130 = gcv('name');
					part_color_table_proper_130 = gcv('proper');

					part_table_130 = new Array("panel1_130","panel2inner_130","panel2outer_130","panel3inner_130","panel3outer_130","panel4inner_130","panel4outer_130","battentape1_130","battentape2_130","battentape3_130","reinforcementclew_130","reinforcementhead_130","reinforcementtack_130","foothem_130","leechhem_130","mastpocket_130");
					id_row_130 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p");
					report_table_130 = new Array("rpanel1","rpanel2inner","rpanel2outer","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rbatten3","rfoothem","rleechhem","rmastpocket","rclew","rhead","rtack");
					panel_name_130 = new Array("Panel 1","Panel 2 (inner)","Panel 2 (outer)","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (middle)","Batten pocket (bottom)","Clew","Head","Tack","Foot Hem","Leech Hem","Mast Pocket");

					var control_string=("<table style='background-color:#414141; border:thin #666 solid;'><tr><td colspan='" + (color_table_130.length+2) + "' id='control_header'>Falcon Sail Designer - <span style='font-size:.8em;'>Cloth Type (Nylon)</span></td></tr>");
				break;
			}
			for(var i=0;i<id_row_130.length;i++)
			{
				if(cookies['cloth_type']== 'nylon'){if(i==7 || i==10 || i==13){control_string+="<tr style='height:4px;'></tr>";}}else{if(i==7 || i==10 || i==12){control_string+="<tr style='height:4px;'></tr>";}}
				control_string+=("<tr><td id='controls_panel_name'>" + panel_name_130[i] + "</td>");
				for(var j=0;j<color_table_130.length;j++)
					{
						
						control_string+=("<td title='" + part_color_table_proper_130[j] + "' id='" + id_row_130[i] + j + "' style=' background-color:" + color_table_130[j] + "; background: -webkit-gradient(linear,left top, right bottom, color-stop(30%," + color_table_130[j] + "), color-stop(0%,#f6f8f9), color-stop(100%," + color_table_130[j] + ")); /* webkit */ background: -moz-linear-gradient(left top, " + color_table_130[j] + " 0%, #f6f8f9 0%, " + color_table_130[j] + " 38%); cursor:pointer;' onclick=change_color('" + id_row_130[i] + "','" + id_row_130[i] + j + "','" + part_table_130[i] + "','" + part_table_130[i] + "','" + part_color_table_130[j] + "','" + report_table_130[i] + "');></td>");
					}
				control_string+=("</tr>");
			}
			control_string+=("<tr><td style='box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; cursor:default;'></td>");
			j=0;
			for(var i=0;i<color_table_130.length;i++)
			{
				control_string+=("<td style='margin:0; cursor:default; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;'><input type='radio' name='AllColors' style='margin:0; padding:0; width:19px;' id=all" + part_color_table_130[i] + " onclick=change_all_color('" + part_color_table_130[i] + "'," + j + "); /></td>");	
				j++;
			}
			control_string+="</tr></table><table id='window_options'><tr><td style='text-indent:2px;'>Window Options <img src='images/bluequestion.png' title='"+windowoptions_title+"' alt='' /><table style='-moz-box-shadow:none; -webkit-box-shadow:none; font-size:.8em;'><tr><td>Panel 2 </td><td><input type='checkbox' id='p2w_130' onclick=if(!this.checked){replace_window(this.id);}else{change_color('" + id_row_130[1] + "','','" + part_table_130[1] + "','" + part_table_130[1] + "','window','window');} /></td><td>Panel 3 </td><td><input type='checkbox' id='p3w_130' onclick=if(!this.checked){replace_window(this.id);}else{change_color('" + id_row_130[3] + "','','" + part_table_130[3] + "','" + part_table_130[3] + "','window','window');} /></td><td>Panel 4 </td><td><input type='checkbox' id='p4w_130' onclick=if(!this.checked){replace_window(this.id);}else{change_color('" + id_row_130[5] + "','','" + part_table_130[5] + "','" + part_table_130[5] + "','window','window');} /></td></tr></table></fieldset></td>";	
		break;
		case '099':
			switch(cookies['cloth_type'])
			{
				case 'dacron':
					color_table_099 = gcv('color');
					part_color_table_099 = gcv('name');
					part_color_table_proper_099 = gcv('proper');
					
					part_table_099 = new Array("panel1_099","panel2_099","panel3inner_099","panel3outer_099","panel4inner_099","panel4outer_099","battenpocket01_099","battenpocket02_099","reinforcementclew_099","reinforcementtack_099","foothem_099","leechhem_099","mastpocket_099");
					id_row_099 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m");
					report_table_099 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rtack");
					panel_name_099 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)", "Batten pocket (top)","Batten pocket (bottom)","Clew","Tack","Foot Hem","Leech Hem","Mast Pocket");	
					
					var control_string=("<table style='background-color:#414141; border:thin #666 solid;'><tr><td colspan='" + (color_table_099.length+2) + "' id='control_header'>Falcon Sail Designer - <span style='font-size:.8em;'>Cloth Type (3.8oz Dacron)</span></td></tr>");
				break;
				case 'nylon':
					color_table_099 = gcv('color');
					part_color_table_099 = gcv('name');
					part_color_table_proper_099 = gcv('proper');
					
					part_table_099 = new Array("panel1_099","panel2_099","panel3inner_099","panel3outer_099","panel4inner_099","panel4outer_099","battenpocket01_099","battenpocket02_099","reinforcementclew_099","reinforcementhead_099","reinforcementtack_099","foothem_099","leechhem_099","mastpocket_099");
					id_row_099 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n");
					report_table_099 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rhead","rtack");
					panel_name_099 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)", "Batten pocket (top)","Batten pocket (bottom)","Clew","Head","Tack","Foot Hem","Leech Hem","Mast Pocket");
					
					var control_string=("<table style='background-color:#414141; border:thin #666 solid;'><tr><td colspan='" + (color_table_099.length+2) + "' id='control_header'>Falcon Sail Designer - <span style='font-size:.8em;'>Cloth Type (Nylon)</span></td></tr>");
				break;
			}
			for(var i=0;i<id_row_099.length;i++)
			{
				if(cookies['cloth_type']== 'nylon'){if(i==6 || i==8 || i==11){control_string+="<tr style='height:4px;'></tr>";}}else{if(i==6 || i==8 || i==10){control_string+="<tr style='height:4px;'></tr>";}}
				control_string+=("<tr><td id='controls_panel_name'>" + panel_name_099[i] + "</td>");
				for(var j=0;j<color_table_099.length;j++)
					{
						control_string+=("<td title='" + part_color_table_proper_099[j] + "' id='" + id_row_099[i] + j + "' style='background-color:" + color_table_099[j] + "; background: -webkit-gradient(linear,left top, right bottom, color-stop(30%," + color_table_099[j] + "), color-stop(0%,#f6f8f9), color-stop(100%," + color_table_099[j] + ")); /* webkit */ background: -moz-linear-gradient(left top, " + color_table_099[j] + " 0%, #f6f8f9 0%, " + color_table_099[j] + " 38%); cursor:pointer;' onclick=change_color('" + id_row_099[i] + "','" + id_row_099[i] + j + "','" + part_table_099[i] + "','" + part_table_099[i] + "','" + part_color_table_099[j] + "','" + report_table_099[i] + "');></td>");
					}
				control_string+=("</tr>");
			}
			control_string+=("<tr><td style='box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; cursor:default;'></td>");
			j=0;
			for(var i=0;i<color_table_099.length;i++)
			{
				control_string+=("<td style='margin:0; cursor:default; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;'><input type='radio' name='AllColors' style='margin:0; padding:0; width:19px;' id=all" + part_color_table_099[i] + " onclick=change_all_color('" + part_color_table_099[i] + "'," + j + "); /></td>");	
				j++;
			}
			control_string+="</tr></table><table id='window_options'><tr><td style='text-indent:2px;'>Window Options <img src='images/bluequestion.png' title='"+windowoptions_title+"' alt='' /><table style='-moz-box-shadow:none; -webkit-box-shadow:none; font-size:.8em;'><tr><td>Panel 3 </td><td><input type='checkbox' id='p3w_099' onclick=if(!this.checked){replace_window(this.id);}else{change_color('" + id_row_099[2] + "','','" + part_table_099[2] + "','" + part_table_099[2] + "','window','window');} /></td><td>Panel 4 </td><td><input type='checkbox' id='p4w_099' onclick=if(!this.checked){replace_window(this.id);}else{change_color('" + id_row_099[4] + "','','" + part_table_099[4] + "','" + part_table_099[4] + "','window','window');} /></td></tr></table></fieldset></td>";
		break;			
		case '070':
			switch(cookies['cloth_type'])
			{
				case 'dacron':
					color_table_070 = gcv('color');
					part_color_table_070 = gcv('name');
					part_color_table_proper_070 = gcv('proper');

					part_table_070 = new Array("panel1_070","panel2_070","panel3inner_070","panel3outer_070","panel4inner_070","panel4outer_070","battenpocket01_070","battenpocket02_070","reinforcementclew_070","reinforcementtack_070","foothem_070","leechhem_070","mastpocket_070");
					id_row_070 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m");
					report_table_070 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rtack");
					panel_name_070 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (bottom)","Clew","Tack","Foot Hem","Leech Hem","Mast Pocket");

					var control_string=("<table style='background-color:#414141; border:thin #666 solid;'><tr><td colspan='" + (color_table_070.length+2) + "' id='control_header'>Falcon Sail Designer - <span style='font-size:.8em;'>Cloth Type (3.8oz Dacron)</span></td></tr>");
				break;
				case 'nylon':
					color_table_070 = gcv('color');
					part_color_table_070 = gcv('name');
					part_color_table_proper_070 = gcv('proper');	

					part_table_070 = new Array("panel1_070","panel2_070","panel3inner_070","panel3outer_070","panel4inner_070","panel4outer_070","battenpocket01_070","battenpocket02_070","reinforcementclew_070","reinforcementhead_070","reinforcementtack_070","foothem_070","leechhem_070","mastpocket_070");
					id_row_070 = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n");
					report_table_070 = new Array("rpanel1","rpanel2","rpanel3inner","rpanel3outer","rpanel4inner","rpanel4outer","rbatten1","rbatten2","rfoothem","rleechhem","rmastpocket","rclew","rhead","rtack");
					panel_name_070 = new Array("Panel 1","Panel 2","Panel 3 (inner)","Panel 3 (outer)","Panel 4 (inner)","Panel 4 (outer)","Batten pocket (top)","Batten pocket (bottom)","Clew","Head","Tack","Foot Hem","Leech Hem","Mast Pocket");
	
					var control_string=("<table style='background-color:#414141; border:thin #666 solid;'><tr><td colspan='" + (color_table_070.length+2) + "' id='control_header'>Falcon Sail Designer - <span style='font-size:.8em;'>Cloth Type (Nylon)</span></td></tr>");
				break;
			}
			for(var i=0;i<id_row_070.length;i++)
			{
				if(cookies['cloth_type']== 'nylon'){if(i==6 || i==8 || i==11){control_string+="<tr style='height:4px;'></tr>";}}else{if(i==6 || i==8 || i==10){control_string+="<tr style='height:4px;'></tr>";}}
				control_string+=("<tr><td id='controls_panel_name'>" + panel_name_070[i] + "</td>");
				for(var j=0;j<color_table_070.length;j++)
					{
						control_string+=("<td title='" + part_color_table_proper_070[j] + "' id='" + id_row_070[i] + j + "' style='background-color:" + color_table_070[j] + "; background: -webkit-gradient(linear,left top, right bottom, color-stop(30%," + color_table_070[j] + "), color-stop(0%,#f6f8f9), color-stop(100%," + color_table_070[j] + ")); /* webkit */ background: -moz-linear-gradient(left top, " + color_table_070[j] + " 0%, #f6f8f9 0%, " + color_table_070[j] + " 38%); cursor:pointer;' onclick=change_color('" + id_row_070[i] + "','" + id_row_070[i] + j + "','" + part_table_070[i] + "','" + part_table_070[i] + "','" + part_color_table_070[j] + "','" + report_table_070[i] + "');></td>");
					}
				control_string+=("</tr>");
			}
			control_string+=("<tr><td style='box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; cursor:default;'></td>");
			j=0;
			for(var i=0;i<color_table_070.length;i++)
			{
				control_string+=("<td style='margin:0; cursor:default; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;'><input type='radio' name='AllColors' style='margin:0; padding:0; width:19px;' id=all" + part_color_table_070[i] + " onclick=change_all_color('" + part_color_table_070[i] + "'," + j + "); /></td>");	
				j++;
			}
			control_string+="</tr></table><table id='window_options'><tr><td style='text-indent:2px;'>Window Options <img src='images/bluequestion.png' title='"+windowoptions_title+"' alt='' /><table style='-moz-box-shadow:none; -webkit-box-shadow:none; font-size:.8em;'><tr><td>Panel 3 </td><td><input type='checkbox' id='p3w_070' onclick=if(!this.checked){replace_window(this.id);}else{change_color('" + id_row_070[2] + "','','" + part_table_070[2] + "','" + part_table_070[2] + "','window','window');} /></td><td>Panel 4 </td><td><input type='checkbox' id='p4w_070' onclick=if(!this.checked){replace_window(this.id);}else{change_color('" + id_row_070[4] + "','','" + part_table_070[4] + "','" + part_table_070[4] + "','window','window');} /></td></tr></table></fieldset></td>";			
		break;
	}
	control_string+=("</tr></table>");
	document.getElementById('controls').innerHTML=control_string;	
	document.getElementById('controls').style.visibility="visible";
	draw_designer(); //draws designer window	
	load_tooltip(); // loads tooltips for new controls
}

function draw_designer()
{
	cookies = getCookies();
	document.getElementById('load_bar').innerHTML="Loading designer window...";
	document.getElementById('background1').style.backgroundImage="url(images/backgrounds/" + cookies['background'] + ")";
	document.getElementById('background1').style.visibility="visible";
	
	var control_string;
	switch(cookies['sail_type'])
	{
		case '130':
			for(var i=0;i<part_table_130.length;i++)
			{
				panel_color_table_130[i]=cookies[part_table_130[i]];
			}
			control_string="<div class='background1_top'></div>";
			for(var i=0;i<part_table_130.length;i++)
			{
				control_string+="<div id='" + part_table_130[i] + "' style='background-image:url(images/130/" + panel_color_table_130[i] + "/" + part_table_130[i] + ".png);'></div>";
			}
			document.getElementById('background1').innerHTML=control_string;
		break;
		case '099':
			for(var i=0;i<part_table_099.length;i++)
			{
				panel_color_table_099[i]=cookies[part_table_099[i]];
			}
			control_string="<div class='background1_top'></div>";
			for(var i=0;i<part_table_099.length;i++)
			{
				control_string+="<div id='" + part_table_099[i] + "' style='background-image:url(images/099/" + panel_color_table_099[i] + "/" + part_table_099[i] + ".png);'></div>";
			}
			document.getElementById('background1').innerHTML=control_string;	
		break;
		case '070':
			for(var i=0;i<part_table_070.length;i++)
			{
				panel_color_table_070[i]=cookies[part_table_070[i]];
			}
			control_string="<div class='background1_top'></div>";
			for(var i=0;i<part_table_070.length;i++)
			{
				control_string+="<div id='" + part_table_070[i] + "' style='background-image:url(images/070/" + panel_color_table_070[i] + "/" + part_table_070[i] + ".png);'></div>";
			}
			document.getElementById('background1').innerHTML=control_string;	
		break;
	}
	document.getElementById('load_bar').style.visibility="hidden";
	
	set_checks();
	//write_title();	
}

function load_chooser()
{
	
	cookies = getCookies();
	var control_string;
	check_radio();
	
	document.getElementById('cloth_type').value=cookies['cloth_type'];
	load_tooltip();
}

function change_cloth(cloth)
{
	if(cloth == 'nylon')
	{
		document.getElementById('option1').selected="selected";
		$( "<div style='font-size:.6em;'>Dacron is a stronger material than Nylon.<br />Unless you have a specific use for Nylon, we recommend to use Dacron.</div>" ).dialog({ buttons: { "Stick with Dacron": function(){ change_cloth('dacron');document.getElementById('option1').selected="selected";$(this).dialog("close");}, "Use Nylon": function() { force_nylon('nylon'); $(this).dialog("close"); } } }, {position:[300,340]},{show:"blind"}, {title:'<span style=font-size:.7em;>Dacron Vs. Nylon</span>'}, {dialogClass:'alert'});
		return;
	}
	document.cookie="cloth_type=" + cloth +";max-age=2592000";
	
	draw_controls();	
	draw_designer();
	
}

function force_nylon(cloth)
{
	document.getElementById('option2').selected="selected";
	document.cookie="cloth_type=" + cloth +";max-age=2592000";
	
	draw_controls();	
	draw_designer();
}

function change_sail_type(type)
{
	document.getElementById('load_bar').style.visibility="visible";
	document.getElementById('load_bar').innerHTML="Loading sail information...";

	document.cookie="sail_type=" + type + ";max-age=2600000";

	draw_controls();
	draw_designer();
	load_chooser();
	check_radio();
	document.getElementById('load_bar').style.visibility="hidden";
}

function check_radio()
{
	switch(cookies['sail_type'])
	{
		case '130':
		document.getElementById('type130').checked="true";
		break;
		case '099':
		document.getElementById('type099').checked="true";
		break;
		case '070':
		document.getElementById('type070').checked="true";
		break;
	}
}

function change_color(row,c_id,pic_id,id,color,report)
{
	cookies = getCookies();
	switch(cookies['sail_type'])
	{
		case '130':
			for(var i=0;i<part_color_table_130.length;i++)
			{
				document.getElementById(row+i).innerHTML="";
			}
			if(c_id==''){}
			else{document.getElementById(c_id).innerHTML="<img src='images/selected.png' />";if(pic_id=='panel2inner_130'){document.getElementById('p2w_130').checked=false;}else if(pic_id=='panel3inner_130'){document.getElementById('p3w_130').checked=false;}else if(pic_id=='panel4inner_130'){document.getElementById('p4w_130').checked=false;}}
			document.getElementById(id).style.backgroundImage="url(images/130/" + color + "/" + pic_id + ".png)";		
		break;
		case '099':
			for(var i=0;i<part_color_table_099.length;i++)
			{
				document.getElementById(row+i).innerHTML="";
			}
			if(c_id==''){}
			else{document.getElementById(c_id).innerHTML="<img src='images/selected.png' />";if(pic_id=='panel3inner_099'){document.getElementById('p3w_099').checked=false;}else if(pic_id=='panel4inner_099'){document.getElementById('p4w_099').checked=false;}}
			document.getElementById(id).style.backgroundImage="url(images/099/" + color + "/" + pic_id + ".png)";		
		break;
		case '070':
			for(var i=0;i<part_color_table_070.length;i++)
			{
				document.getElementById(row+i).innerHTML="";
			}
			if(c_id==''){}
			else{document.getElementById(c_id).innerHTML="<img src='images/selected.png' />";if(pic_id=='panel3inner_070'){document.getElementById('p3w_070').checked=false;}else if(pic_id=='panel4inner_070'){document.getElementById('p4w_070').checked=false;}}
			document.getElementById(id).style.backgroundImage="url(images/070/" + color + "/" + pic_id + ".png)";		
		break;	
	}
	document.cookie=pic_id + "=" + color + ";max-age=2600000";
}

function set_checks()
{
	cookies = getCookies();
	var colors_to_set = new Array();
	var found = false;
	
	switch(cookies['sail_type'])
	{
		case '130':
			for(var i=0;i<part_table_130.length;i++)
			{
				colors_to_set[i] = cookies[part_table_130[i]];
			}	
			for(var i=0;i<part_table_130.length;i++)
			{
				for(var j=0;j<part_color_table_130.length;j++)
				{
					if(colors_to_set[i]==part_color_table_130[j])
					{	
						document.getElementById(id_row_130[i]+j).innerHTML="<img src='images/selected.png' />";
						found = true;				
					}
				}
				if(!found)
				{
					var x = part_table_130[i];
					if((x != 'panel2inner_130' || x != 'panel3inner_130' || x != 'panel4inner_130') && cookies[x] != 'window')
					{
						document.cookie=part_table_130[i]+"=natural;max-age=26000000";
					}					
				}
				found = false;
			}
			if(cookies['panel2inner_130']=='window'){document.getElementById('p2w_130').checked=true;}else{}
			if(cookies['panel3inner_130']=='window'){document.getElementById('p3w_130').checked=true;}else{}
			if(cookies['panel4inner_130']=='window'){document.getElementById('p4w_130').checked=true;}else{}
		break;
		case '099':
		
			for(var i=0;i<part_table_099.length;i++)
			{
				colors_to_set[i] = cookies[part_table_099[i]];
			}
			for(var i=0;i<part_table_099.length;i++)
			{
				for(var j=0;j<part_color_table_099.length;j++)
				{
					if(colors_to_set[i]==part_color_table_099[j])
					{	
						document.getElementById(id_row_099[i]+j).innerHTML="<img src='images/selected.png' />";
						found = true;
					}
				}
				if(!found)
				{
					var x = part_table_099[i];
					if((x != 'panel3inner_099' || x != 'panel4inner_099') && cookies[x] != 'window')
					{
						document.cookie=part_table_099[i]+"=natural;max-age=26000000";
					}
				}
				found = false;
			}
			if(cookies['panel3inner_099']=='window'){document.getElementById('p3w_099').checked=true;}else{}
			if(cookies['panel4inner_099']=='window'){document.getElementById('p4w_099').checked=true;}else{}	
		break;
		case '070':
			for(var i=0;i<part_table_070.length;i++)
			{
				colors_to_set[i] = cookies[part_table_070[i]];
			}
			for(var i=0;i<part_table_070.length;i++)
			{
				for(var j=0;j<part_color_table_070.length;j++)
				{
					if(colors_to_set[i]==part_color_table_070[j])
					{	
						document.getElementById(id_row_070[i]+j).innerHTML="<img src='images/selected.png' />";
						found = true;
					}
				}
				if(!found)
				{
					var x = part_table_070[i];
					if((x != 'panel3inner_070' || x != 'panel4inner_070') && cookies[x] != 'window')
					{
						document.cookie=part_table_070[i]+"=natural;max-age=26000000";
					}
				}
				found = false;
			}
			if(cookies['panel3inner_070']=='window'){document.getElementById('p3w_070').checked=true;}else{}
			if(cookies['panel4inner_070']=='window'){document.getElementById('p4w_070').checked=true;}else{}						
		break;
	}
}

function change_all_color(color,column)
{
	cookies=getCookies();
	switch(cookies['sail_type'])
	{
		case '130':
			for(var i=0;i<part_table_130.length;i++)
			{change_color(id_row_130[i],id_row_130[i]+column,part_table_130[i],part_table_130[i],color,report_table_130[i]);}
		break;
		case '099':
			for(var i=0;i<part_table_099.length;i++)
			{change_color(id_row_099[i],id_row_099[i]+column,part_table_099[i],part_table_099[i],color,report_table_099[i]);}	
		break;
		case '070':
			for(var i=0;i<part_table_070.length;i++)
			{change_color(id_row_070[i],id_row_070[i]+column,part_table_070[i],part_table_070[i],color,report_table_070[i]);}
		break;
	}
}

function getCookies() //this function grabs the cookie from page and parses into the "cks" object.  This entire function makes it possible to use cookies similar to php cookies. very handy.
{
    var cks = new Object();
    var ckList = document.cookie.split("; ");
    for (var i=0; i < ckList.length; i++)
    {
        var ck = ckList[i].split("=");
        cks[ck[0]] = unescape(ck[1]);
    }
    return cks;
}

function load_email_controls()
{
	var control_string="<form name='email'>";
	control_string+="<table style='width:100%;'><tr><td rowspan='2'><textarea name='message' style='width:250px; height:100%;'></textarea></td><td style='width:70%; text-align:right;'>From: </td><td style='text-align:right;'><input type='text' name='sender' style='border:thin black inset;' class='hint' /></td></tr>";
	control_string+="<tr><td style='text-align:right;'>To: </td><td style='text-align:right;'><input type='text' id='receiver' name='receiver' style='border:thin black inset;' class='hint' /></td></tr>";
	control_string+="<tr><td style='text-align:center;'>Message (optional)</td><td></td><td><input type='button' value='Share sail with a friend!' style='width:100%;' onclick=prepare_email(this.parentNode.parentNode.parentNode.parentNode.parentNode); /></td></tr></table></form>";
	document.write(control_string);
	$("input.hint").watermark("Email Address");
}

function prepare_email(form)
{
	document.getElementById('load_bar').innerHTML="Sending Email...";	
	document.getElementById('load_bar').style.visibility="visible";

	var url;
	var xmlhttp = new XMLHttpRequest();

	url="send_email.php?from=";
	url+=form.sender.value;
	url+="&to=";
	url+=form.receiver.value;
	url+="&message=";
	url+=encodeURIComponent(form.message.value);
	
	xmlhttp.open("POST", url, false);
	xmlhttp.send();

	document.getElementById('load_bar').style.visibility="hidden";
	$('#email_controls').toggle('medium');
	document.getElementById('receiver').value="";
}

// initialize tooltip
function load_tooltip()
{
	$("#controls td[title]").qtip({
		position: {
			my: 'bottom center',
			at: 'top center'
		},
		hide: {
			fixed: true
		},
		style: {
			classes: 'ui-tooltip-youtube'
		}
	});
	$("#chooser td[title]").qtip({
		position: {
			my: 'bottom center',
			at: 'top center'
		},
		hide: {
			fixed: true
		},
		style: {
			classes: 'ui-tooltip-youtube'
		}

	});

	$("#controls img[title]").qtip({
		position: {
			my: 'bottom center',
			at: 'top center'
		},
		hide: {
			fixed: true
		},
		style: {
			classes: 'ui-tooltip-youtube'
		}

	});

	$("#show_friend img[title]").qtip({
		position: {
			my: 'bottom center',
			at: 'top center'
		},
		hide: {
			fixed: true
		},
		style: {
			classes: 'ui-tooltip-youtube'
		}

	});

	$(".sail_choices td img[title]").qtip({
		position: {
			my: 'bottom center',
			at: 'top center'
		},
		hide: {
			fixed: true
		},
		style: {
			classes: 'ui-tooltip-youtube'
		}

	});

	$(".swatch[title]").qtip({
		position: {
			my: 'left center',
			at: 'middle right'
		},
		hide: {
			fixed: true
		},
		style: {
			classes: 'ui-tooltip-youtube'
		}
	});


	
	
	//$("#controls td[title]").tooltip({ position: "center left", offset:[-25,20], opacity:0.9, predelay:100, effect:'fade' });
	//$("#chooser td[title]").tooltip({ position: "top right", offset:[-15,-50], opacity:0.9, predelay:100,effect:'fade'});
	//$("#controls img[title]").tooltip({ position: "center left", offset:[10,300], opacity:0.9, predelay:100, effect:'fade' });
	//$("#show_friend img[title]").tooltip({ position: "left center", offset:[-10,0], opacity:0.9, predelay:100, effect:'fade' });
	//$(".sail_choices td img[title]").tooltip({ position: "bottom left", offset:[20,700], opacity:0.9, predelay:100, effect:'fade' });
	
}

function short_url(id)
{
	document.getElementById('load_bar').style.visibility="visible";
	document.getElementById('load_bar').innerHTML="Processing sail information...";
	
          var xmlhttp = new XMLHttpRequest();
          xmlhttp.open("POST", "urlshort.php", false);
          xmlhttp.send();
          document.getElementById(id).value=xmlhttp.responseText;
}

function replace_window(panel)
{
	var cookies = getCookies();
	switch(panel)
	{
		case 'p2w_130':
			change_panel("130","panel2inner_130", cookies['panel2outer_130']);	
		break;
		case 'p3w_130':
			change_panel("130","panel3inner_130", cookies['panel3outer_130']);	
		break;
		case 'p4w_130':
			change_panel("130","panel4inner_130", cookies['panel4outer_130']);	
		break;
		case 'p3w_099':
			change_panel("099","panel3inner_099", cookies['panel3outer_099']);	
		break;
		case 'p4w_099':
			change_panel("099","panel4inner_099", cookies['panel4outer_099']);	
		break;
		case 'p3w_070':
			change_panel("070","panel3inner_070", cookies['panel3outer_070']);	
		break;
		case 'p4w_070':
			change_panel("070","panel4inner_070", cookies['panel4outer_070']);	
		break;
	}
}

function change_panel(type, panel, color)
{
	document.getElementById(panel).style.backgroundImage="url(images/"+type+"/"+color+"/"+panel+".png)";
	document.cookie=panel + "=" + color + ";max-age=2600000";
	set_checks();
}

function write_title()
{
	cookies = getCookies();
	switch(cookies['sail_type'])
	{
		case '130':
			document.getElementById('sail_title').innerHTML="<br />&quot;Advantage&quot;<br /><span style=font-size:.8em;>1.3m</span>";
		break;
		case '099':
			document.getElementById('sail_title').innerHTML="<br />&quot;Advantage&quot;<br /><span style=font-size:.8em;>0.99m</span>";
		break;
		case '070':
			document.getElementById('sail_title').innerHTML="<br />&quot;Advantage&quot;<br /><span style=font-size:.8em;>0.7m</span>";
		break;
	}
}

function load_backgrounds()
{
	document.write("<img src='images/backgrounds/SandyCayCaribbeanBeach_small.jpg' onclick=change_background('SandyCayCaribbeanBeach.jpg'); /> <img src='images/backgrounds/blueocean_small.jpg' onclick=change_background('blueocean.jpg'); /> <img src='images/backgrounds/ScatteredRainCloudsatSunsetPacificOcean_small.jpg' onclick=change_background('ScatteredRainCloudsatSunsetPacificOcean.jpg'); /> <img src='images/backgrounds/divingocean_small.jpg' onclick=change_background('divingocean.jpg'); /> <img src='images/backgrounds/CentralCaliforniaCoast_small.jpg' onclick=change_background('CentralCaliforniaCoast.jpg'); />");
}

function change_background(image)
{
	document.cookie="background=" + image +";max-age=2600000";
	cookies = getCookies();
	document.getElementById('background1').style.backgroundImage="url(images/backgrounds/" + cookies['background'] + ")";
}

function footer()
{
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.open("GET", "../footer.php", false);
	xmlhttp.send();
	document.write(xmlhttp.responseText);
}

function announcement()
{
	
	document.getElementById('announcement').style.display="block";
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.open("GET", "http://www.falconsails.com/announcement.php", false);
	xmlhttp.send();
	document.write(xmlhttp.responseText);
}