function modelPicker(){
	var modelSize=document.getElementById("modelSize");
	var modelBeds=document.getElementById("modelBeds");
	var modelBaths=document.getElementById("modelBaths");
	var viewAll=document.getElementById("viewAll");
	var displayThumbs=document.getElementById("display-thumbs");
	var displayList=document.getElementById("display-list");
	var myModelDisplay;

	if(readCookie("modelDisplay")){
		myModelDisplay=readCookie("modelDisplay");
	}else{
		myModelDisplay="thumbs";
		createCookie('modelDisplay',"thumbs",1);
	}
	if(readCookie("sortMyModels")){
		var myCriteria=readCookie("sortMyModels").split("-");
		modelSize.value=myCriteria[0];
		modelBeds.value=myCriteria[1];
		modelBaths.value=myCriteria[2];
		displayModels(parseInt(modelSize.value), parseInt(modelBeds.value), parseFloat(modelBaths.value), myModelDisplay);
	}
	modelSize.onchange=function(){
		displayModels(parseInt(modelSize.value), parseInt(modelBeds.value), parseFloat(modelBaths.value), myModelDisplay);
		createCookie('sortMyModels',parseInt(modelSize.value)+"-"+parseInt(modelBeds.value)+"-"+parseFloat(modelBaths.value),1);
	}
	modelBeds.onchange=function(){
		displayModels(parseInt(modelSize.value), parseInt(modelBeds.value), parseFloat(modelBaths.value), myModelDisplay);
		createCookie('sortMyModels',parseInt(modelSize.value)+"-"+parseInt(modelBeds.value)+"-"+parseFloat(modelBaths.value),1);
	}
	modelBaths.onchange=function(){
		displayModels(parseInt(modelSize.value), parseInt(modelBeds.value), parseFloat(modelBaths.value), myModelDisplay);
		createCookie('sortMyModels',parseInt(modelSize.value)+"-"+parseInt(modelBeds.value)+"-"+parseFloat(modelBaths.value),1);
	}
	viewAll.onclick=function(){
		modelSize.value="0";
		modelBeds.value="0";
		modelBaths.value="0";
		displayModels(0, 0, 0, myModelDisplay);
		createCookie('sortMyModels',parseInt(modelSize.value)+"-"+parseInt(modelBeds.value)+"-"+parseFloat(modelBaths.value),1);
	}
	displayThumbs.onclick=function(){
		eraseCookie("modelDisplay");
		createCookie('modelDisplay',"thumbs",1);
		myModelDisplay="thumbs";
		displayModels(parseInt(modelSize.value), parseInt(modelBeds.value), parseFloat(modelBaths.value), myModelDisplay);
	}
	displayList.onclick=function(){
		eraseCookie("modelDisplay");
		createCookie('modelDisplay',"list",1);
		myModelDisplay="list";
		displayModels(parseInt(modelSize.value), parseInt(modelBeds.value), parseFloat(modelBaths.value), myModelDisplay);
	}
}

function viewAll(){
	var modelSize=document.getElementById("modelSize");
	var modelBeds=document.getElementById("modelBeds");
	var modelBaths=document.getElementById("modelBaths");
	modelSize.value="0";
	modelBeds.value="0";
	modelBaths.value="0";
	displayModels(0, 0, 0, myModelDisplay);
	createCookie('sortMyModels',parseInt(modelSize.value)+"-"+parseInt(modelBeds.value)+"-"+parseFloat(modelBaths.value),1);
}

function displayModels(sf, beds, baths, modelDisplay){
	var container=document.getElementById("viewed-models");
	var modelCount=document.getElementById("modelCount");
	var count=1;
	var content="";
	var condition;
	var c=0;
	var newModels = new Array();
	var myModels=models.split("|");
	//sort for square footage
	if(sf!=0){
		for(i=0;i<myModels.length;i++){
			var modelStats=myModels[i].split("-");
			if(sf==1500){
				condition=(parseInt(modelStats[5])<1500);
			}else if(sf==3000){
				condition=(parseInt(modelStats[5])>1500);
			}
			if(condition){
				newModels[c]=myModels[i];
				c++;
			}
		}
		myModels=newModels;
	}
	
	//sort for bedrooms
	c=0;
	var bedModels=new Array();
	if(beds!=0){
		for(i=0;i<myModels.length;i++){
			var modelStats=myModels[i].split("-");
			if(parseInt(modelStats[3])==beds){
				bedModels[c]=myModels[i];
				c++;
			}
		}
		myModels=bedModels;
	}
	
	//sort for bathrooms
	c=0;
	var bathModels=new Array();
	if(baths!=0){
		for(i=0;i<myModels.length;i++){
			var modelStats=myModels[i].split("-");
			if(parseFloat(modelStats[4])==baths){
				bathModels[c]=myModels[i];
				c++;
			}
		}
		myModels=bathModels;
	}
	
	var theModelImage;
	if(modelDisplay=="thumbs"){
		//display models thumbs
		for(i=0;i<myModels.length;i++){
			var modelStats=myModels[i].split("-");
			if(modelStats[6]=="n"){
				theModelImage="missing2.jpg";
			}else{
				theModelImage=modelStats[1]+"_1.jpg";
			}
			content=content+"<div class=\"small_model\" id=\"img-"+modelStats[1]+"-"+modelStats[2]+"-"+modelStats[3]+"-"+modelStats[4]+"-"+modelStats[5]+"\" title=\"Model: "+modelStats[1]+"\"><div class=\"inner_border\"><div id=\"left_content\">";
				content=content+"";
					content=content+"<h4 class=\"h4_style\"><a href=\"skyline_view_models.php?regcode="+modelStats[2]+"&amp;model="+modelStats[1]+"\">Model:"+modelStats[1]+"</a></h4>";
					content=content+"<img src=\"images/floorplans/floorplans/"+modelStats[1]+".gif\" class=\"floorplan\">";
			content=content+"</div></div></div>";
			/*if(count == 3){
				 content=content+"<div class=\"model-container\"></div>";
				count = 0;
			}*/
			count++;
		}
	}else if(modelDisplay=="list"){
		//display models list
		var myClass;
		content="<table id=\"model-list\"><tr><th>Model Number</th><th>Bedrooms</th><th>Bathrooms</th><th>Sq. Ft.</th></tr>";
		for(i=0;i<myModels.length;i++){
			var modelStats=myModels[i].split("-");
			if(modelStats[6]=="n"){
				theModelImage="missing2.jpg";
			}else{
				theModelImage=modelStats[1]+"_1.jpg";
			}
			if(i % 2 == 0){
			   myClass = "class=\"alt\"";
			 }else{
			   myClass = "class=\"standard\"";
			 }
			content=content+"<tr "+myClass+"><td><a style=\"color: #000; font-weight: bold;\" href=\"skyline_view_models.php?regcode="+modelStats[2]+"&amp;model="+modelStats[1]+"\">"+modelStats[1]+"</a></td><td>"+modelStats[3]+" <span>beds</span></td><td>"+modelStats[4]+" <span>baths</span></td><td>"+modelStats[5]+" <span>sq. ft.</span></td></tr>";
		}
		content=content+"</table>";
	}
	if(myModels.length==0){
		content="<p><strong>We did not find any homes that match your current criteria.</strong> Please adjust your criteria or <a href=\"javascript:viewAll();\">view all models</a> to find available homes. If you would like to know more about Skyline Homes you can <a href=\"contact.php?form=sales-lit-form\">request product information</a> on our contact page.</p>";
	}
	container.innerHTML=content;
	modelCount.innerHTML=myModels.length;
	//addLinks();
	modelFunctionality();
}