var base, fname, fname_url, sm_title_elem, cover_elem, img_container_elem, main_title_elem, the_pic, running;
running = false;

function set_loc_image(oid, loc, img) {
	if(running) {
		return false;
	}
	running = true;
	//setup variables
	base = 'loc' + loc + '_pic' + img;
	fname = 'dyn_images/' + oid + '_' + base + '.jpg';
	fname_url = 'url(' + fname + ')';


	sm_title_elem = document.getElementById(base + '_title');
	img_container_elem = document.getElementById('image_container');
	main_title_elem = document.getElementById('location_img_title');
	cover_elem = document.getElementById('image_container_cover');

	if(img_container_elem.style.backgroundImage == fname_url) {
		running = false;
		return false;
	}

	//Start loading image
	if(document.images) {
		the_pic = new Image(610, 407);
		the_pic.src = fname;
	}

	//New Title
	main_title_elem.childNodes[0].nodeValue = sm_title_elem.childNodes[0].nodeValue;
	//Close it
	cover_elem.src = 'images/close.gif';

	//Wait for animation to finish
	window.setTimeout('set_loc_image_2()', 1500);

	return false;
}

function set_loc_image_2() {
	if(document.images) {
		//Is the picture done loading?
		if(! the_pic.complete) {
			window.setTimeout('set_loc_image_2()', 300);
		}
	}

	//New picture
	img_container_elem.style.backgroundImage = fname_url;

	//open the picture
	cover_elem.src = 'images/open.gif';

	window.setTimeout('set_loc_image_3()', 1500);
}

function set_loc_image_3() {
	running = false;
}

function change_location(oid, loc) {
	old_loc = loc == '1' ? '2' : '1';
	cur_btn = document.getElementById('loc' + loc + '_btn');
	old_btn = document.getElementById('loc' + old_loc + '_btn');
	h1_elem = document.getElementById('loc' + loc + '_name');
	h1_elem_old = document.getElementById('loc' + old_loc + '_name');
	location_text_elem = document.getElementById('location' + loc + '_name');
	image_list_elem = document.getElementById('image_list_' + loc);
	old_image_list_elem = document.getElementById('image_list_' + old_loc);
	description_elem = document.getElementById('loc' + loc + '_description');
	old_description_elem = document.getElementById('loc' + old_loc + '_description');

	/* Do the work */
	var tmp = old_btn.src;
	tmp = tmp.replace("_on", "_off");
	old_btn.src = tmp;
	tmp = cur_btn.src;
	tmp = tmp.replace("_off", "_on");
	cur_btn.src = tmp;
	//h1_elem.childNodes[0].nodeValue = location_text_elem.childNodes[0].nodeValue;
	h1_elem.style.display="inline";
	h1_elem_old.style.display="none";
	old_description_elem.style.display = 'none';
	description_elem.style.display = 'block';
	old_image_list_elem.style.display = 'none';
	image_list_elem.style.display = 'block';

	set_loc_image(oid, loc, '1');
}