var OKTire = {
	fsdefaults : defaults = {
	active_tab: 1,
	step_prefix: "search-tab-",
	isSubmit: false,
	base_call_url: "",
	err_search: "Please Select All Required Fields/Steps"
	},

	setmake: false,
	setyear: false,
	setmanufacturer: false,
	settype: false,
	setsizes: false,
	modeldata: 0,


	init : function (options){

		this.o = jQuery.extend({}, this.fsdefaults, options);
		this.setListeners();
		this.showTab(this.o.active_tab);
		
		
		if(this.o.isSubmit == false){
				this.toggleStep(false, 'search-step-2');
				this.toggleBox(false, 'step-2-manufacturer');	
				this.toggleStep(false, 'search-step-3');
				this.toggleBox(false, 'step-3-type');
		}else{
			
			var t = jQuery("#step-2-manufacturer :selected");			
			if(t.val() != ""){
				this.setmanufacturer = t.val();
			}
			
			t = jQuery("#step-3-type :selected");
			if(t.val() != ""){
				this.settype = t.val();
			}
			
		}
		

	},

	setListeners : function(){
		var m = this;
		
		//VEHICLE
		
		jQuery('#step-1-make').change(function() {
		  var el =$(this);
		  m.setmake = (el.val() != "0") ? el.val() : false;
		  m.getModels()
		});

		jQuery('#step-1-year').change(function() {
		  var el =$(this);
		  m.setyear = (el.val() != "0") ? el.val() : false;
		  m.getModels()
		});
		
		jQuery('#step-1-model').change(function() {
		  var el =$(this);		 		  

		  if(el.val() != "0"){
			  if(m.modeldata > 0){
					m.toggleStep(true, 'search-step-2');
					m.toggleBox(true, 'step-2-manufacturer');
					
					if(m.setmanufacturer){
							m.toggleStep(true, 'search-step-3');
							m.toggleBox(true, 'step-3-type');
					}
					
			  }
			}else{		  	
				m.toggleStep(false, 'search-step-2');
				m.toggleBox(false, 'step-2-manufacturer');		  	
				m.toggleStep(false, 'search-step-3');
				m.toggleBox(false, 'step-3-type');
		  }		  
		});
		

		jQuery('#step-2-manufacturer').change(function() {
		  var el =$(this);
		  m.setmanufacturer = (el.val() != "") ? el.val() : false;
			
			if(m.setmanufacturer){
				m.toggleStep(true, 'search-step-3');
				m.toggleBox(true, 'step-3-type');
			}else{
				m.toggleStep(false, 'search-step-3');
				m.toggleBox(false, 'step-3-type');
			}

		});
		
		jQuery('#step-3-type').change(function() {
		  var el =$(this);
		  m.settype = (el.val() != "") ? el.val() : false;
		});
		
		//SIZE
		var sboxes = jQuery('.size-input');		
		sboxes.change(function() {
		  
		  var temp = true;
		  jQuery.each(sboxes, function(i,v){
		  	v = $(v);
		  	if(v.val() == 0){
		  		temp = false;		  		
		  	}
		  });
		  m.setsizes = temp;
		  
		  if(m.setsizes !== false){
					m.toggleStep(true, 'search-step-2');
					m.toggleBox(true, 'step-2-manufacturer');
		  }
		  
		});
				
		
	},
	
	toggleStep: function(state, sname){
		var ss2 = jQuery("#"+sname);
		if(state){
			ss2.fadeTo(700,1);	
		}else{
			ss2.fadeTo(700,0.4);
		}
	},
	
	toggleBox :function(state, bname){
		var ss_box = jQuery("#"+bname)
		if(state){
			ss_box.removeAttr('disabled');
		}else{
			ss_box.attr("disabled","disabled");
		}
	},

	getModels : function(){
		var m = this;
		if(this.setmake !== false && this.setyear !== false){
			jQuery.getJSON(this.o.base_call_url+'getFeed.php',{"action":"models","year": this.setyear,"make":this.setmake } ,function(data) {
				var om = jQuery('#step-1-model');				
				var moptions = jQuery('#stf_makeoptions');				
				var select_text = (lang =="fr") ? "Sélectionner le modéle": 'Please select a model';
				var html = '<option value="0" selected="selected">'+select_text+'</option>';
				m.modeldata = data.length;
				
				if(m.modeldata <= 0){
					m.toggleStep(false, 'search-step-2');
					m.toggleBox(false, 'step-2-manufacturer');	
					m.setmanufacturer = false;
					m.settype = false;
				}
				
				jQuery.each(data, function(index, value) { 
					html += '<option value="'+value.cartireid+"|"+value.model +" - "+value.option1+'">'+value.model +" - "+value.option1+'</option>';  				  				
				});	
				om.html(html);
				moptions.val(base64_encode(html));
			});
		}
	},

	showTab : function (step){
		var stepc = jQuery("."+this.o.step_prefix+step);
		stepc.fadeIn(800);

		if(step == 1){
			this.uiTab1();
		}

	},

	uiTab1 : function(){
		jQuery(".search-group li").addClass("clearfix");
		if(this.o.isSubmit == false)
		jQuery("#search-step-3, #search-step-2").css({'opacity':'0.4'});

	},
	
	isSearchValid : function(){
		if(this.setmanufacturer && this.settype){
			return true;
		}else{
			alert(this.o.err_search);
			return false;			
		}
		
		
	}


};