jQuery( document ).ready( function(){
	
	jQuery('.blink')
		.focus(function(){
			if( jQuery(this).attr('value') == jQuery(this).attr('title') ) {
				jQuery(this).attr({ 'value': '' });
			}
		})
		.blur(function(){
			if( jQuery(this).attr('value') == '' ) {
				jQuery(this).attr({ 'value': jQuery(this).attr('title') })
			}
		});
		
		
	
	
	var col_width = parseInt(jQuery('#navigation-hb .dd-col').css('width').replace('px')) + 10;
	
	var border_width = 3 + 3 + 10;
	
	jQuery('#navigation-hb .dd').each(function(){
		
		var num_cols = jQuery(this).find('.dd-col').length;
		var new_width = col_width * num_cols + border_width; 
		
		jQuery(this).css({ 'width' : new_width + 'px' });
	});
	
	
	/*
	jQuery('#navigation-hb .dd').each(function(){
		var parent = jQuery(this).parent()
		var link = parent.find('a:eq(0)');
		console.log(link.offset().left + ' ' + link.html());
	})
	*/
	
	var navigation_w = jQuery('#navigation-hb').width();
	
	jQuery('#navigation-hb li').hover(
		function(){ 
			
			var offset_left = jQuery('#navigation-hb li:eq(0)').offset().left;
			var left_position = jQuery(this).find('a:eq(0)').offset().left - offset_left;
			var dd = jQuery(this).find('.dd:eq(0)');
			var dd_w = dd.width();
			
			var new_position = navigation_w - (left_position + dd_w) + 5;
			//console.log(new_position);
			
			if( new_position < 0) {
				dd.css({ 'left': new_position + 'px' });
			}
			
			jQuery(this).find('.dd').show(); 
			jQuery(this).find('a:eq(0)').addClass('hover');
		},
		function(){ jQuery(this).find('.dd').hide(); jQuery(this).find('a:eq(0)').removeClass('hover');}
	);
	
});