var m_selector = new Array();
var m_selector_images = new Array('selector_ballerup_traelast','selector_halsnaes_traelast','selector_hornbaek_traelast','selector_soeborg_toemmerhandel');
var m_selector_select = new Array('selector_ballerup_traelast_inactive','selector_ballerup_traelast_active','selector_halsnaes_traelast_inactive','selector_halsnaes_traelast_active','selector_hornbaek_traelast_inactive','selector_hornbaek_traelast_active','selector_soeborg_toemmerhandel_inactive','selector_soeborg_toemmerhandel_active');
var m_selector_select_src = new Array();

function selector_image(index) {
	if( m_selector[0] == null ) return;
	
	m_selector[0].style.backgroundImage = 'url(images/'+ m_selector_images[index - 1] +'.jpg)';
}
function selector_select(index) {
	if( m_selector[index] == null ) return;
	
	if( document.images ) {
		for(var i = 1; i < m_selector.length; i++) {
			var l_index = (i - 1) * 2;
			if(!m_selector_select_src[l_index]) { 
				m_selector_select_src[l_index] = new Image(); 
				m_selector_select_src[l_index].src = 'images/'+ m_selector_select[l_index] +'.gif';
			} 
			m_selector[i].src = m_selector_select_src[l_index].src; 
		}
		var l_index = ((index - 1) * 2) + 1;
		if(!m_selector_select_src[l_index]) { 
			m_selector_select_src[l_index] = new Image(); 
			m_selector_select_src[l_index].src = 'images/'+ m_selector_select[l_index] +'.gif';
		} 
		m_selector[index].src = m_selector_select_src[l_index].src; 
	}
	selector_image(index);
}

window.onload = function() {
	m_selector[0] = document.getElementById('selector');
	m_selector[1] = document.getElementById('selector_1');
	m_selector[2] = document.getElementById('selector_2');
	m_selector[3] = document.getElementById('selector_3');
	m_selector[4] = document.getElementById('selector_4');
}