$(document).ready(function() {
	$('#product_selection input[type|=image]').replaceWith('<a href="#" id="product_selection_target"><img src="/images/layout/submit_selection.png"></a>');
	$('#form_product ul').css('display', 'none');
	$(document).click(function(event) {
		// pageX pageY
		if(event.target != $('#form_category > a > span')[0] &&
		   event.target != $('#form_category > a')[0])
			$('#form_category ul').css('display', 'none');
		
		if(event.target != $('#form_product > a > span')[0] &&
		   event.target != $('#form_product > a')[0])
			$('#form_product ul').css('display', 'none');
	});
	$('#form_category a').click(function(event){
		event.preventDefault();
		if($('#form_category ul').css('display') == 'none')
			$('#form_category ul').css('display', 'block');
		else
			$('#form_category ul').css('display', 'none');

		if($('#form_category > a')[0] != this)
		{
			$('#form_category > a > span')[0].innerHTML = $(this, 'span')[0].innerHTML;
			$('#form_category > a').attr('name', $(this).attr('name'));
			$('#form_category > a > span > br').remove();
			$('#form_category > ul > li').css('display', 'block');
			$(this.parentNode).css('display', 'none');
			$($('#'+$(this).attr('name')+' > li > a')[0]).click();
		}
	});
	$('#form_product a').click(function(event){
		event.preventDefault();
		var productList = $('#form_category > a').attr('name');
		
		if($('#'+productList).css('display') == 'none')
			$('#'+productList).css('display', 'block');
		else
			$('#form_product ul').css('display', 'none');

		if($('#form_product > a')[0] != this)
		{
			$('#form_product > a > span')[0].innerHTML = $(this, 'span')[0].innerHTML;
			$('#product_selection_target').attr('href', $(this).attr('href'));
			$('#form_product > a > span > br').remove();
			$('#form_product > ul > li').css('display', 'block');
			$(this.parentNode).css('display', 'none');
		}
	});
	$($('#form_category ul a')[0]).click();
})