$(document).ready(function(){
	$("a.thickbox").click(function() {
		this.href += "&ref=1";
	});
	$("#city_id").change(select_city);
	add_search_events();
	initial();
});

// http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
function addEvent( obj, type, fn ) {
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); };
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
};

function getTargetId(e) {
	if(e.srcElement) var getTarget = e.srcElement;
	if(e.target) var getTarget = e.target;
	
	if(getTarget) {
		var id = getTarget.getAttribute('id');
		if(!id) var id = getTarget.parentNode.getAttribute('id'); // handles IE issue on getTarget
		
		if(id) return id;
		return null;
	}
};


function add_search_events() {
	if(document.getElementById('sm_province')) {
		var sm_province = document.getElementById('sm_province');
		addEvent(sm_province,'click',sm_click,false);
		addEvent(sm_province,'mouseover',sm_over,false);
		addEvent(sm_province,'mouseout',sm_out,false);
	}
	
	if(document.getElementById('sm_pc')) {
		var sm_pc = document.getElementById('sm_pc');
		addEvent(sm_pc,'click',sm_click,false);
		addEvent(sm_pc,'mouseover',sm_over,false);
		addEvent(sm_pc,'mouseout',sm_out,false);
	}
	
	if(document.getElementById('sm_keyword')) {
		var sm_keyword = document.getElementById('sm_keyword');
		addEvent(sm_keyword,'click',sm_click,false);
		addEvent(sm_keyword,'mouseover',sm_over,false);
		addEvent(sm_keyword,'mouseout',sm_out,false);
	}
	
	if(document.getElementById('sm_teachers')) {
		var sm_teacher = document.getElementById('sm_teachers');
		addEvent(sm_teacher,'click',sm_click,false);
		addEvent(sm_teacher,'mouseover',sm_over,false);
		addEvent(sm_teacher,'mouseout',sm_out,false);
	}
	
	if(document.getElementById('province_id')) {
		var province_id = document.getElementById('province_id');
		addEvent(province_id,'change',select_province,false);
	}
	
	if(document.getElementById('search_province')) {
		var search_province = document.getElementById('search_province');
		addEvent(search_province,'click',search_button,false);
	}
	
	if(document.getElementById('search_keyword')) {
		var search_keyword = document.getElementById('search_keyword');
		addEvent(search_keyword,'click',search_button,false);
	}
	
	if(document.getElementById('search_pc')) {
		var search_pc = document.getElementById('search_pc');
		addEvent(search_pc,'click',search_button,false);
	}
	
	if(document.getElementById('search_teachers')) {
		var search_teachers = document.getElementById('search_teachers');
		addEvent(search_teachers,'click',search_button,false);
	}
};

function sm_click(e) {
	var id = getTargetId(e);
	
	switch(id) {
		case 'sm_province' : toggle_sm_off('sm_keyword'); toggle_sm_off('sm_pc'); toggle_sm_off('sm_teachers'); toggle_sm_on(id); break;
		case 'sm_keyword' : toggle_sm_off('sm_province'); toggle_sm_off('sm_pc'); toggle_sm_off('sm_teachers'); toggle_sm_on(id); break;
		case 'sm_pc' : toggle_sm_off('sm_province'); toggle_sm_off('sm_keyword'); toggle_sm_off('sm_teachers'); toggle_sm_on(id); break;
		case 'sm_teachers' : toggle_sm_off('sm_province'); toggle_sm_off('sm_keyword'); toggle_sm_off('sm_pc'); toggle_sm_on(id); break;
	}
};

function sm_over(e) {
	var id = getTargetId(e);
	var target = document.getElementById(id);
		
	target.style.color = '#00ffff';
	target.style.cursor = 'pointer';
};

function sm_out(e) {
	var id = getTargetId(e);
	var target = document.getElementById(id);
	
	target.style.color = '#ffffff';
	target.style.cursor = 'default';
};

function toggle_sm_on(id) {
	var target = document.getElementById(id);
	var target_div = document.getElementById(id+'_div');
		
	target_div.style.display = 'block';
	target.style.fontWeight = 'bold';
	target.style.borderBottom = '1px dashed';
};

function toggle_sm_off(id) {
	var target = document.getElementById(id);
	var target_div = document.getElementById(id+'_div');
		
	target.style.display == 'block';
	target_div.style.display = 'none';
	target.style.fontWeight = 'normal';
	target.style.borderBottom = 'none';
}

function search_button(e) {
	var id = getTargetId(e);
	var action = document.getElementById('action');
	action.value = id;
	
	var form = document.getElementById('search_form');
	form.submit();
}

function initial() {
	if(document.getElementById(search_type)) {
		var target = document.getElementById(search_type);
		var target_div = document.getElementById(search_type+'_div');
		target_div.style.display = 'block';
		target.style.fontWeight = 'bold';
		target.style.borderBottom = '1px dashed';
	}
}