/* ボッシュ・イン・ジャパン */

jQuery( function( $ ) {
	
	self.focus();
	
	var previousId = '';
	var POPUP_LIST_ID_PREFIX = 'groupList_category_';
	
	$( '#step1SelectionBox h3.categoryLabel' ).mouseover( function() {
		
		// id is supposed to be like '3_domestic' ( category ID + '_' + domestic/import )
		var id = $(this).attr( 'id' );
		
		// do nothing if event takes place on the same element again
		if ( previousId == id ) return;
		
		// highlight selected category
		$(this).addClass( 'selected' );
		
		if ( previousId ) {
			// unhighlight previous category
			$( '#' + previousId ).removeClass( 'selected' );
			
			// fade out popoup list of previous category
			var previousPopupListId = POPUP_LIST_ID_PREFIX + previousId;
			$( '#' + previousPopupListId ).fadeOut( 200 );
		}
		
		var popupListId = POPUP_LIST_ID_PREFIX + id;
		
		// memorize current category for next time
		previousId = id;
		
		// get offset of current element (categry headline) from top left corner
		var offset = $(this).offset();
		
		// set position of current popup list
		$( '#' + popupListId ).css( { 
			left : ( offset.left + 120 ) + 'px',
			top  :   offset.top          + 'px'
		} );
		
		$( '#' + popupListId ).fadeIn( 100 );
	} );

} );