$(document).ready( 	function() {
	$('#model option').each(function() {
		$(this).css('display','none');
	});
	$('#make').change( function() {
		$('#model option').each(function() {
			if( $(this).attr('rel') == $('#make').val() ) {
				$(this).css('display','block');
			} else {
				$(this).css('display','none');
			}
		});
		if( $('#make').val() == 'Apple' ) {
			$('#valuebox').css('display','none');
		} else {
			$('#valuebox').css('display','block');
		}
	});
	$('#[id^=gadgettype]').each(function() { 
		$(this).change( function() {
			if( $(this).val() == 'Mobile Phone / PDA' ) {
				$('#mobileinfo'+((this.id).substring(10))).css('display','block');
			} else {
				$('#mobileinfo'+((this.id).substring(10))).css('display','none');
			}
		});
	});
	$("select#make").change(function(){
		$('#modelother').val('');
		if( $('#make').val() == 'Other') {
			$('#model').css('display','none');
			$('#modelother').css('display','inline');
		} else {
			$('#model').css('display','inline');
			$('#modelother').css('display','none');
			$.getJSON("showmodels.php",{make: $('#make').val()}, function(json){
				var options = '';
				for(var i = 0; i < json.length; i++) {
					options += '<option value="'+json[i]+'">'+json[i]+'</option>';
				}
				options += '<option value="Other">Other</option>';
				options += '<option value="Unknown">Unknown</option>';
				$("#model").html(options);
				$('#model option:first').attr('selected', 'selected');
			})
		}
	});
	$("select#model").change(function(){
		$('#modelother').val('');
		if( $('#model').val() == 'Other') {
			$('#model').css('display','inline');
			$('#modelother').css('display','inline');
		}
	});
});