// JavaScript Document
var emptyString = /^\s*$/ ;
var global_valfield;	// retain valfield for timer thread

function check_quant(quant,shape){
	if(emptyString.test(quant)){
		alert("Please provide quantity.");
		return false;
	}
	if(isNaN(quant)){
		alert("Quantity must be in numbers only.");
		return false;
	}
	if(shape=='Square End With Tassels' && quant<2){
		confirm("At least 2 pairs of tassels are required per Square End Runner. Please increase the quantity.");
		return false;
	}
	if(quant<1){
		alert("Tassels must be purchased, one pair of tassels must be purchased per runner.");
		return false;
	}
}

function change_shape(shape_index, img_name){
	if(shape_index==2){
		document[img_name].src = '../../images/pix/table_linen/Runners/Salim_Runner_Square_End.jpg';
		document[img_name].width="100";
		document[img_name].length="100";
		document.getElementById('buy_tassle').innerHTML='';
	}else if(shape_index==1){
		document[img_name].src = '../../images/pix/table_linen/Runners/Salim_Runner_With_Tassel.jpg';
		document[img_name].width="100";
		document[img_name].length="100";
		document.getElementById('buy_tassle').innerHTML='IMPORTANT:<br />Tassels must be purchased separately.';
	}else if(shape_index==0){
		document[img_name].src = '../../images/pix/table_linen/Runners/Salim_Runner_Without_Tassel.jpg';
		document[img_name].width='100';
		document[img_name].length='100';
		document.getElementById('buy_tassle').innerHTML='';
	}else if(shape_index==3){
		document[img_name].src = '../../images/pix/table_linen/Runners/Salim_Runner_Square_End_With_Tassel.jpg';
		document[img_name].width="100";
		document[img_name].length="100";
		document.getElementById('buy_tassle').innerHTML='IMPORTANT:<br />Tassels must be purchased separately.';
	}else{
		document[img_name].src = '../../images/pix/table_linen/Runners/test.jpg';
		document[img_name].width='100';
		document[img_name].length='100';
		document.getElementById('buy_tassle').innerHTML='';
	}	
}
// JavaScript Document
var head=""; var colour_mat=""; var img="";
function change_material(img_name){
	img=img_name;
	shape_index=document.getElementById('material').selectedIndex;
	if(shape_index==0){
		head='>rose'; colour_mat="Rose";
	}else if(shape_index==1){
		head='>spectra'; colour_mat="Spectra";
	}else if(shape_index==2){
		head='>poly'; colour_mat="Polycotton";
	}else if(shape_index==3){
		head='>ivy'; colour_mat="Ivy";
	}else if(shape_index==15){
		head='>bystretch'; colour_mat="ByStretch";
	}else if(shape_index==4){
		head='>gin'; colour_mat="Gingham";
	}else if(shape_index==5){
		head='>ottoman'; colour_mat="Ottoman";
	}else if(shape_index==6){
		head='>italia'; colour_mat="Italia";
	}else if(shape_index==7){
		head='>mediterranean'; colour_mat="Mediterranean";
	}else if(shape_index==8){
		head='>chinese'; colour_mat="Chinese";
	}else if(shape_index==9){
		head='>roma'; colour_mat="Roma";
	}else if(shape_index==10){
		head='>organza'; colour_mat="Organza";
	}else if(shape_index==11){
		head='>chenille'; colour_mat="Chenille";
	}else if(shape_index==12){
		head='>repellent'; colour_mat="Water Repellent";
	}else if(shape_index==13){
		head='>taffeta'; colour_mat="Taffeta";
	}
	var flag=false;
	if(document.getElementById && document.getElementsByTagName && document.createElement){
        // load data file
        sendRequest('../cgi-bin/colours.list');
    }
	//$(document).ready(function(){
		//if(flag){}
	//});

	
}
// initialize XMLHttpRequest object
var xmlobj=null;
// initialize global variables
var data=new Array();
var i=0;

// send http request
function sendRequest(doc){
    // check for existing requests
    if(xmlobj!=null&&xmlobj.readyState!=0&&xmlobj.readyState!=4){
        xmlobj.abort();
    }
    try{
        // instantiate object for Firefox, Nestcape, etc.
        xmlobj=new XMLHttpRequest();
    }
    catch(e){
        try{
            // instantiate object for Internet Explorer
            xmlobj=new ActiveXObject('Microsoft.XMLHTTP');
        }
        catch(e){
            // Ajax is not supported by the browser
            xmlobj=null;
            return false;
        }
    }
    // assign state handler
    xmlobj.onreadystatechange=stateChecker;
    // open socket connection
    xmlobj.open('GET',doc,true);
    // send request
    xmlobj.send(null);
}

// check request status
function stateChecker(){
    // if request is completed
    if(xmlobj.readyState==4){
        // if status == 200 display text file
        if(xmlobj.status==200){
            // create data container
            //createDataContainer();
            // display data into container
            data=xmlobj.responseText.split('\n');
			//text=xmlobj.responseText;
			displayData();
        }
        else{
            alert('Failed to get response :'+ xmlobj.statusText);
        }
    }else{
		//alert(xmlobj.readyState);
	}
}
// display data at a given time interval
function displayData(){
	var select_menu=document.getElementById('colour_menu');
	select_menu.options.length=0;
	for(i=0;i<data.length;i+=2){
		var mat=data[i].split(" ");
		if(mat[0]==head){
			//alert(data[i]);
			var colours=data[i+1].split(",");
			colours.pop();
			for(w=0;w<colours.length;w++){
				var pattern=/^(\w+).*Out of Stock.*$/;
				var colour="";
				if(matches=colours[w].match(pattern)){
					colour=matches[1];
				}else{
					colour=colours[w];
				}
				select_menu.options[w]=new Option(colours[w],colour_mat+"_"+colour, false, false);
			}
		}
	}
	change_colour(0,img);
}
function change_colour(colour_index,img_name){
	var colour_menu=document.getElementById('colour_menu');
	document[img_name].width="100";
	document[img_name].length="100";
	document[img_name].border="1px";
	document[img_name].src ='../../images/pix/table_linen/Colour_Scans/'+colour_menu.options[colour_index].value+'.jpg';
	document.getElementById('img_path').value='../../images/pix/table_linen/Colour_Scans/'+colour_menu.options[colour_index].value+'.jpg';
}
function change_tcolour(colour_index,img_name){
	var colour_menu=document.getElementById('tcolour');
	document[img_name].width="80";
	document[img_name].length="30";
	document[img_name].border="1px";
	document[img_name].src ='../../images/pix/table_linen/Colour_Scans/Tassel_'+colour_menu.options[colour_index].value+'.jpg';
	document.getElementById('timg_path').value='../../images/pix/table_linen/Colour_Scans/Tassel_'+colour_menu.options[colour_index].value+'.jpg';
}

function happy(field, infofield){
	var returnval;
	var num = parseFloat(field.value);
	var para=document.getElementById(infofield);
	para.style.color="#cc3333";
	if (emptyString.test(field.value)) {
      para.innerHTML="&nbsp;&nbsp;&nbsp;ERROR: required";
      setfocus(field);
      return false;
    }
	if(!isNaN(field.value)){
		returnval = true;
		field.value=num.toFixed(0);
		para.innerHTML="";
	}else{
		para.innerHTML="&nbsp;&nbsp;&nbsp;ERROR, Invalid input";
		setfocus(field);
		returnval = false;
	}
	return returnval;
}
function setFocusDelayed()
{
  global_valfield.focus();
}

function setfocus(valfield)
{
  // save valfield in global variable so value retained when routine exits
  global_valfield = valfield;
  setTimeout( 'setFocusDelayed()', 100 );
}
function validate(){
	var returnval=false;
	//var shape=parseInt(document.step2.shape.value);
	var objects = new Array();
	objects[0]=document.getElementById('length').value;
	objects[1]=document.getElementById('width').value;
	objects[2]=document.getElementById('quantity').value;
	
	for(var i=0;i<objects.length;i++){
		if(emptyString.test(objects[i])){
			alert("One or More Fields Are Empty");
			return false;
		}
		if(isNaN(objects[i])){
			alert("One or More Fields Need Correcting Before Submitting");
			return false;
		}
		if(objects[i]<1){
			alert("The length, width or quantity cannot equal zero!!");
			return false;
		}
	}

}
function previous_form(form,url){
	form.action = url;
	form.submit();
}