$(document).ready(function(){
	
	$("#register_box").dialog({
    	autoOpen: false,
    	modal: true,
    	width: 280,
    	height: 480,
    	zIndex: 100,
    	buttons: {
				'Close': function() {
				$(this).dialog('close');
				}
		}
    });
	
	$("#callback_box").dialog({
    	autoOpen: false,
    	modal: true,
    	width: 280,
    	height: 480,
    	zIndex: 100,
    	buttons: {
				'Close': function() {
				$(this).dialog('close');
				}
		}
    });
	
	$("#appointment_box").dialog({
    	autoOpen: false,
    	modal: true,
    	width: 280,
    	height: 500,
    	zIndex: 100,
    	buttons: {
				'Close': function() {
				$(this).dialog('close');
				}
		}
    });
});

function openBox(box_id){
	
	$("#"+box_id).dialog("open");
}

function openBoxWithClass(box_id, classname){
	
	$(".dentist_id").val(classname);
	
	$("#"+box_id).dialog("open");
}

function checkRegistration(){
	
	if($("#name").val() == '' || $("#email").val() == ''){
		
		$("#register_error").css('display', 'block');
		return false;
	}
	
	$("#register_error").css('display', 'none');
	return true;
}

requestCallback=function(dentist_id){
	
	
}

getSuburbs=function(province_id){
	
	if(!province_id){
		
		province_id = $("#province_id").val();
		
	}else{
		
		$("#province_id").val(province_id);
	}
	
	var suburbs_list = $("#suburbs_in_province_"+province_id);
	
	if(/*province_id*/suburbs_list.css('display') == 'none'){
		
		var url="/provinces/ajax_get";
		$.post(url, {'province_id': province_id, 'format': 'JSON'}, function(data){
			
			var JSONString = '{"item": '+data+'}';
	        data = JSON.parse(JSONString);
	        
	        var suburbs_select = $("#suburb_id");
	        //var suburbs_list = $("#suburbs_in_province_"+province_id);
	        
	        suburbs_select.empty();
	        suburbs_list.empty();
	        
	        suburbs_select.append('<option value="">Choose your suburb</option>');
	        
	        for(i = 0; i < data['item']['suburbs'].length; i++){
	        	
	        	suburbs_select.append('<option value="'+data['item']['suburbs'][i]['id']+'">'+data['item']['suburbs'][i]['name']+'</option>');
	        	suburbs_list.append('<h3><a href="javascript:;" name="suburb_anchor_'+data['item']['suburbs'][i]['id']+'" onclick="getSuburb('+data['item']['suburbs'][i]['id']+')">'+data['item']['suburbs'][i]['name']+'</a><h3><div id="dentists_in_suburb_'+data['item']['suburbs'][i]['id']+'" style="display: none;"></div>');
	        }
	        
	        plotMapMany(coords, 'map_canvas', Number(data['item']['zoom_level']), data['item']['latitude'], data['item']['longitude']);
	        
	        $("[id^=suburbs_in_province_]").hide();
	        $("#suburbs_container").css('display', 'block');
	        suburbs_list.css('display', 'block');
		});
		
	}else{
		
		suburbs_list.css('display', 'none');
		//$("[id^=suburbs_in_province_]").hide();
		$("#suburbs_container").css('display', 'none');
	}
}

getSuburb=function(suburb_id){
	
	if(!suburb_id){
		
		suburb_id = $("#suburb_id").val();
		
	}else{
		
		$("#suburb_id").val(suburb_id);
	}
	
	var dentist_list = $("#dentists_in_suburb_"+suburb_id);
	
	if(/*suburb_id*/dentist_list.css('display') == 'none'){
		
		$("[id^=dentists_in_suburb_]").hide();
		
		var url="/suburbs/ajax_get";
		$.post(url, {'suburb_id': suburb_id, 'format': 'JSON'}, function(data){
			
			var JSONString = '{"item": '+data+'}';
	        data = JSON.parse(JSONString);
	        
	        //var dentist_list = $("#dentists_in_suburb_"+suburb_id);
	        
	        dentist_list.empty();
	        
	        if(!data['item']['dentists'].length){
	        	
	        	return;
	        }
	        
	        for(i = 0; i < data['item']['dentists'].length; i++){
	        	
	        	var dentist_entry = $('<div class="dentist-entry"></div>');
	        	var inner = $('<div class="inner"></div>');
	        	
	        	inner.append('<h2>'+data['item']['dentists'][i]['name']+'</h2>')
	        	
	        	var table = $('<table width="100%" border="0" cellspacing="0" cellpadding="0"></table>');
	        	var tr = $('<tr></tr>');
	        	
	        	var td1 = $('<td valign="top" width="60%"></td>');
	        	td1.append('<strong>Tel: '+data['item']['dentists'][i]['telephone']+'</strong><br /><br />');
	        	td1.append(data['item']['dentists'][i]['address_1']+'<br />'+data['item']['dentists'][i]['address_2']+'<br />'+data['item']['name']+'<br />'+data['item']['dentists'][i]['postal_code']);
	        	
	        	var td2 = $('<td valign="top"></td>');
	        	td2.append('<a href="mailto:'+data['item']['dentists'][i]['email']+'">'+data['item']['dentists'][i]['email']+'</a><br /><br /><strong>Opening Hours:</strong><br />'+data['item']['dentists'][i]['opening_hours']);
	        	
	        	td2.append('<br /><br /><strong>Parking:</strong><br />'+data['item']['dentists'][i]['parking']);
	        	
	        	tr.append(td1).append(td2);
	        	
	        	table.append(tr);
	        	
	        	inner.append(table);
	        	
	        	var buttons = $('<div class="buttons"></div>')
	        	
	        	buttons.append('<a href="javascript:;" onclick="openBoxWithClass(\'callback_box\', '+data['item']['dentists'][i]['id']+')"><img src="/img/r.png" width="153" height="21" /></a><a href="javascript:;" onclick="openBoxWithClass(\'appointment_box\', '+data['item']['dentists'][i]['id']+')"><img src="/img/b.png" width="138" height="21" /></a><a href="'+data['item']['dentists'][i]['uri']+'"><img src="/img/v.png" width="105" height="21" /></a>');
	        	
	        	inner.append(buttons);
	        	
	        	dentist_entry.append(inner);
	        	dentist_list.append(dentist_entry);
	        }
	        
	        plotMapMany(coords, 'map_canvas', Number(data['item']['zoom_level']), data['item']['latitude'], data['item']['longitude']);
	        
	        dentist_list.css('display', 'block');
		});
		
	}else{
		
		dentist_list.css('display', 'none');
	}
}

function showTestimonial(no){
	
	$("[id^=testimonial_element_]").hide();
	$("#testimonial_element_"+no).show();
}

function showFeaturedPractice(no){
	
	$("[id^=featured_practice_]").hide();
	$("#featured_practice_"+no).show();
}