var dp_map;

if (jQuery) jQuery.noConflict();
$(document).ready(function() {
	var $ = jQuery;
	/**
	 * Replace header image with flash
	 */
	UFO.create({
		movie: "/assets/flash/header_754x125_v8.swf",
		width: "754", height: "126",
		bgcolor: "#ffffff",
		majorversion: "8",
		build: "0",
		setcontainercss: "true",
		allowscriptaccess: "samedomain"
	}, "dp-header-flash");

	// blank target links open in a new window
	$('.blank-target').click(function () {
		$(this).attr('target', '_blank');
		return true;
	});
	/**
	 * Set up job search form
	 * FIXME: this is dumb and slow as shit
	 */
	if ($('#dp-body-3')[0]) {
		/**
		 * Convert radio buttons to Image buttons
		 */
// <input type="image" id="division-button-2" rel="publicrelations:2" class="division-button" value="PR" src="/assets/images/jobnav-publicrelations-off.gif" />
// <input type="image" id="division-button-3" rel="marketingcommunications:3" class="division-button" value="Marketing Communications" src="/assets/images/jobnav-marketingcommunications-off.gif" />
// <input type="image" id="division-button-4" rel="publishing:4" class="division-button" value="Publishing" src="/assets/images/jobnav-publishing-off.gif" />
		$('.job-search-buttons').hide();
		$('.job-search-buttons input').each(function() {
			var id = $(this).val();
			var rel = $(this).attr('rel');
			var tmp = rel.split(':');
			var key = tmp[0];
			$(this).next('label').addClass('hidden');
			$(this).after('<input type="image" id="division-button-'+ id + '" rel="' + rel + '" class="division-button" src="/assets/images/jobnav' + key + '-off.gif" />').addClass('hidden');
		});
		$('.job-search-buttons').show();
		$('.sector-cb').parent().hide();
		$('.search-section').hide();
// 		$('.submit').hide();
		var lastClass = false;
		$('.division-button').click(function() {
			var rel = $(this).attr('rel');
			var tmp = rel.split(':');
			var division = tmp[1];
			var name = tmp[0];
			$('.division-button').each(function() {
				var name = $(this).attr('rel').split(':')[0];
				if (rel == $(this).attr('rel')) {
					$(this).attr('src', "/assets/images/jobnav-" + name + "-on.gif");
				} else {
					$(this).attr('src', "/assets/images/jobnav-" + name + "-off.gif");
				}
			});
			var newClass = "job-search-buttons-" + name;
			if (lastClass) {
				$('.job-search-buttons').removeClass(lastClass);
			}
			lastClass = newClass;
			$('.job-search-buttons').addClass(newClass);
			
// 			$('.division-button').removeClass('division-button-selected');
// 			$(this).addClass('division-button-selected');
			
			$('.search-section').show();
// 			$('.submit').show();
			
			$('#division_hidden').val(division);
			$('.sector-cb').parent().hide();
			$('.sector-cb').attr('checked', '');
			$('input[@rel=' + division + ']').parent().show();
			return false;
		});

		$('#division-button-2').trigger('click');
		
	};
	
	if ($('#google-map')[0]) {
		if (GBrowserIsCompatible()) {
			dp_map = new GMap2(document.getElementById("google-map"));
		}
		// add gunload
		$("body").unload(GUnload);

		// set up 'contact a consultant' form
		var consultant_visible = false;
		$('select#consultant-list').change(function() {
			var id = $(this).val();
// 			alert(id);
			var c = $('#consultant_detail_' + id + '');
			// FIXME: test more with IE here
			if (consultant_visible) {
				consultant_visible.fadeOut('normal', function() { c.fadeIn('normal'); });
// 				consultant_visible.hide('normal', function() { c.show('normal'); });
			} else {
 				c.fadeIn('normal');
//  				c.show('normal');
			}
			consultant_visible = c;
		});
		$('select#consultant-list').val('14').trigger('change');
	}
	
// 	jQuery('#division-button-2').trigger('click');

	if ($('#dp-body-5')[0]) {
		/**
		 * Client Services
		 */
		var first = false;
		$('#dp-col1 h3').each(function() {
			if (!first) first = $(this);
			$(this).hide();
			var list = $(this).next('div.client-services-content');
			list.hide();
		});

		first.before('<div id="dp-cs-select-container"><select id="dp-cs-select"></select></div>');

		var i = 0;
		var contents = { };
		$('#dp-col1 h3').each(function() {
			i++;
			$("#dp-cs-select").append('<option value="' + i + '" id="option-' + i + '">' + $(this).html() + '</option>');
			contents[i] = $(this).next('div.client-services-content');
		});

		var showing = false;
		$("#dp-cs-select").change(function() {
			var next = contents[$(this).val()];
			if (showing) {
				showing.fadeOut('normal', function() { next.fadeIn('normal'); });
			} else {
				next.fadeIn('normal');
			}
			showing = next;
		});
		$("#dp-cs-select").val(1).trigger('change');
	}
	
});