$(function(){
	var menu = $('#browse_categories_menu').add('#share_in_differnet_category_menu').addClass('flyout_menu');
	$('div.flyout_block', menu).hide();
	$('li', menu).hover(
		 function () {
			if (window.flyout_timeout){
				clearTimeout(window.flyout_timeout);
				window.flyout_timeout = null
			}
		}
		, function () {
			window.flyout_timeout = setTimeout(
				function(){
					if ($('div.flyout_menu a.selected:visible').size() == 0){
						if ( $('#share_in_differnet_category_menu').children('div.flyout_block:visible').size()) {
							$('#share_in_differnet_category_button').click();
						}
						if ( $('#browse_categories_menu').children('div.flyout_block:visible').size()) {
							$('#browse_categories_button').click();
						}

					}	
				}
				, 700
			)
		}
	);
	$('div.flyout_block', menu).hide();
	$('li:has(a.submenu_available)', menu).hover(
		function(){ 
			var pos = $(this).offset({'relativeTo' : $(this).parent().parent()});
			var apos = $(this).offset();
			var wh = $(window).height();
			//var ih = $(this).parent().innerHeight();
			var ww = $(window).width();
			var iw = $(this).parent().innerWidth();

			var c = $(this).children('div.flyout_block');
			//if (parseInt(c.css('width').split('px')[0]) > 0){
			//	c.show();  
			//	$(this).children('a').addClass('selected');
			//	return;
			//}
			//alert(c.css('width'));
			c.show();
			var cw = c.width();
			var css_w = ($.browser.msie) ? cw + 10 : cw ;
			c.css( 'width', css_w  + 'px');
			if ($.browser.msie && ($.browser.version.number < 7)){
				c.children('ul').children('li').children('a').css({
				       	'width' : '100%'
				});
			}

			var ul = $(this).children('div.flyout_block').children('ul');

			if ((apos.left / ww) > ( (ww - apos.left - iw) / ww)){
				pos.left -= cw + 10;
				if ($.browser.msie ){
					pos.left += 6;
					if ($.browser.version.number < 7){
						pos.left -= 20;
					}
				}
				//alert(pos.left);
			}else{	
				pos.left += $(this).innerWidth() ;
				if ($.browser.msie ){
					pos.left -= 6;
				}
			}

			//pos.top += -12;
			pos.top += -6;
			//alert( (apos.top /wh) + ' <> ' + ( (wh -apos.top - ih)/wh));
			if ((apos.top /wh) > ( (wh -apos.top )/wh)){
				var ch = $(this).children('div.flyout_block').height();
	
				pos.top += -ch + $(this).innerHeight() +1 ; //+ 7;//15;
			}

			//pos.top = - $(this).innerHeight();
			//inspect(pos);
			$(this).children('div.flyout_block')
					.css({
						'left': pos.left+'px'
						, 'top': pos.top+'px'
					})
					.show()
			;  
			

			$(this).children('a').addClass('selected');
		}
		, function(){ 
			$(this).children('a').removeClass('selected');
			$(this).children('div.flyout_block').hide(); 
		}
	);
	//	menu.children('div.flyout_block').show();
	//menu.next('div').height((menu.children('div.flyout_block').height() + 20));
	
	$('#browse_categories_button')
		.toggle(
			function (){
				var bl = $('#browse_categories_menu').removeClass('hidden').children('div.flyout_block');
				bl.show();
				var css_w = bl.width();
				if ($.browser.msie){
					css_w += 10;
				}
				bl.css('width', css_w + 'px');
				if ($.browser.msie && ($.browser.version.number < 7)){
					bl.children('ul').children('li').children('a').css({
					       	'width' : '100%'
					});
				}

				var ul = bl.children('ul');
				/*if ( bl.children('div.flyout_menu_appearance').children('div.flyout_ltc').size() == 0){
					ul.before(' <div class="flyout_menu_appearance"> \
							<div class="flyout_ltc"></div> \
							<div class="flyout_line_holder"><div class="flyout_line_t"></div></div> \
							<div class="flyout_rtc"></div> \
						</div> \
					');
				}
				if ( bl.children('div.flyout_menu_appearance').children('div.flyout_lbc').size() == 0){
					ul.after(' <div class="flyout_menu_appearance"> \
							<div class="flyout_lbc"></div> \
							<div class="flyout_line_holder"><div class="flyout_line_b"></div></div> \
							<div class="flyout_rbc"></div> \
						</div> \
					');
				} */

				var pos = $('#browse_categories_old_button').offset();
				pos.top -= bl.innerHeight();
	
				bl.css({
					'top' : pos.top + 'px'
					, 'left' : pos.left + 'px'
				})
				.show();
				return false;
			}
			, function (){
				$('#browse_categories_menu').children('div.flyout_block').hide();
				return false;
			}
		)
	;

	$('#share_in_differnet_category_button')
		.toggle(
			function (){
				var bl = $('#share_in_differnet_category_menu').removeClass('hidden').children('div.flyout_block');
				bl.show();
				var css_w = bl.width();
				if ($.browser.msie){
					css_w += 10;
				}
				bl.css('width', css_w + 'px');
				if ($.browser.msie && ($.browser.version.number < 7)){
					bl.children('ul').children('li').children('a').css({
				       		'width' : '100%'
					});
				}
			
				var ul = bl.children('ul');
				/*if ( bl.children('div.flyout_menu_appearance').children('div.flyout_ltc').size() == 0){
					ul.before(' <div class="flyout_menu_appearance"> \
							<div class="flyout_ltc"></div> \
							<div class="flyout_line_holder"><div class="flyout_line_t"></div></div> \
							<div class="flyout_rtc"></div> \
						</div> \
					');
				}
				if ( bl.children('div.flyout_menu_appearance').children('div.flyout_lbc').size() == 0){
					ul.after(' <div class="flyout_menu_appearance"> \
							<div class="flyout_lbc"></div> \
							<div class="flyout_line_holder"><div class="flyout_line_b"></div></div> \
							<div class="flyout_rbc"></div> \
						</div> \
					');
				}*/
				
				var pos = $('#share_in_differnet_category_button').parent().offset();
				pos.top += $(this).parent().innerHeight();
				bl.css({
					'top' : pos.top + 'px'
					, 'left' : pos.left + 'px'
				})
				.show();
				return false;
			}
			, function (){
				$('#share_in_differnet_category_menu').children('div.flyout_block').hide();
				return false;
			}
		)
		.attr('href', 'javascript: void(0)')
	;

});