jQuery(document).ready(function(){
	jQuery("select[name='maincategory']").change(function(){
		jQuery("select[name='subcategory']").val('');
		jQuery("#hidden_category_search_field option").remove();
		jQuery("#hidden_category_search_field").append("<option value='"+jQuery(this).val()+"'>select</option>");
		if(jQuery(this).val()==""){
			jQuery("select[name='subcategory']").attr("disabled","disabled");		
		}
		else{
			id = "cid-"+jQuery(this).val();
			jQuery("select[name='subcategory'] option").remove();
			jQuery("select[name='subcategory']").append("<option class='anysubcategory' value=''>-- Any Sub Category --</option>");
			jQuery("."+id).each(function(){
				jQuery("select[name='subcategory']").append("<option value='"+jQuery(this).val()+"'>"+jQuery(this).text()+"</option>");
			});
			jQuery("select[name='subcategory']").removeAttr("disabled");
		}
	});
	jQuery("select[name='subcategory']").change(function(){
		if(jQuery(this).val()!=''){
			jQuery("#hidden_category_search_field option").val(jQuery(this).val());
		}
		else{
			jQuery("#hidden_category_search_field option").val(jQuery("select[name='maincategory']").val());
		}
	});
	jQuery("#coursename").change(function(){
		jQuery("input[name='name']").val(jQuery(this).val());
	});
	jQuery("#keywords").change(function(){
		jQuery("input[name='description']").val(jQuery(this).val());
	});
	jQuery("#coursecpd").change(function(){
		jQuery("input[name='course_cpd']").val(jQuery(this).val());
	});
	jQuery("#courseversion").change(function(){
		jQuery("input[name='course_version']").val(jQuery(this).val());
	});
	jQuery("#pricefrom").click(function(){
		if(jQuery(this).val()=='$min') jQuery(this).val('');
		jQuery(this).css("background-color","white");
	});
	jQuery("#priceto").click(function(){
		if(jQuery(this).val()=='$max') jQuery(this).val('');
		jQuery(this).css("background-color","white");
	});
	jQuery("#pricefrom").change(function(){
		if(!isNaN(parseInt(jQuery(this).val(), 10))){		
			if(jQuery("input[name='price[to]']").val()!=''){
				if(jQuery("input[name='price[to]']").val()>=jQuery(this).val())
					jQuery("input[name='price[from]']").val(jQuery(this).val());
				else{
					jQuery(this).css("background-color","red");
					alert("min price must be less than max price");
				}
			}
			else{
				jQuery("input[name='price[from]']").val(jQuery(this).val());
			}
		}
		else{
			jQuery(this).css("background-color","red");
			jQuery("input[name='price[from]']").val('');
			alert("Input error, the price must be a number");
		}
	});
	jQuery("#priceto").change(function(){
		if(!isNaN(parseInt(jQuery(this).val(), 10))){
			if(jQuery("input[name='price[from]']").val()!=''){
				if(jQuery("input[name='price[from]']").val()<=jQuery(this).val())
					jQuery("input[name='price[to]']").val(jQuery(this).val());
				else{
					jQuery(this).css("background-color","#993333");
					alert("max price must be larger than min price");
				}
			}
			else{
				jQuery("input[name='price[to]']").val(jQuery(this).val());
			}		
		}
		else{
			jQuery(this).css("background-color","#993333");
			jQuery("input[name='price[to]']").val('');
			alert("the price must be a number");
		}
	});
	jQuery("#course_provider").change(function(){
		jQuery("#hidden_course_provider option").remove();
		var selObj = document.getElementById('course_provider');
		for (i=0; i<selObj.options.length; i++){
			if(selObj.options[i].selected)
			jQuery("#hidden_course_provider").append("<option selected='selected' value='"+selObj.options[i].value+"'>selected</option>");
		}
	});
	jQuery("#course_location").change(function(){
		jQuery("#hidden_course_location option").remove();
		var temp = document.getElementById('course_location');
		for (i=0; i<temp.options.length; i++){
			if(temp.options[i].selected)
			jQuery("#hidden_course_location").append("<option selected='selected' value='"+temp.options[i].value+"'>selected</option>");
		}
	});
	jQuery("#course_type").change(function(){
		jQuery("#hidden_course_type option").remove();
		jQuery("#hidden_course_type").append("<option selected='selected' value='"+jQuery(this).val()+"'>selected</option>");
	});
});