/*------------------------------------------------------[ popup menu ]---------------------------------------------------*/
function showSubmenu(elemId) {
	$('#'+elemId+' .subnavigation').show(); //.fadeIn("fast");
	$('#'+elemId+' img.editprofile_popup').attr('src', document.location.protocol+'//'+siteTopDomain+'/img/opensubmenu_show.gif');
}
function hideSubmenu(elemId) {
	if (mouseOverMenu != elemId) {
		$('#'+elemId+' .subnavigation').hide(); //.fadeOut("fast");
		$('#'+elemId+' img.editprofile_popup').attr('src', document.location.protocol+'//'+siteTopDomain+'/img/opensubmenu.gif');
	}
}
function toggleSubmenuElem(elemId) {
	if ($('#'+elemId+' .subnavigation').is(':visible')) {
		$('#'+elemId+' .subnavigation').hide();
		$('#'+elemId+' img.editprofile_popup').attr('src', document.location.protocol+'//'+siteTopDomain+'/img/opensubmenu.gif');
	} else {
		$('#'+elemId+' .subnavigation').show();
		$('#'+elemId+' img.editprofile_popup').attr('src', document.location.protocol+'//'+siteTopDomain+'/img/opensubmenu_over.gif');
	}
}
function changeSubmenuIcon(imageSelector, imageSrc) {
	var img = $(imageSelector);
	if (imageSrc == 'opensubmenu_over.gif') {
		if (img.attr('src') == document.location.protocol+'//'+siteTopDomain+'/img/opensubmenu_show.gif') {
			return false;
		}
		img.attr('src', document.location.protocol+'//'+siteTopDomain+'/img/opensubmenu_over.gif');
		return true;
	}
	img.attr('src', document.location.protocol+'//'+siteTopDomain+'/img/'+imageSrc);
	return true;
}
function addSubmenuHover(elemId) {
	$('#'+elemId+' img.editprofile_popup').bind('mouseenter', function(){
		mouseOverMenu = elemId;
		showSubmenu(elemId);
	}).bind('click', function(){
		toggleSubmenuElem(elemId);
	});
	
	
	$('#'+elemId).bind('mouseenter', function(){
		mouseOverMenu = elemId;
		
		//dont't switch from white icon
		setTimeout("changeSubmenuIcon('#"+elemId+" img.editprofile_popup', 'opensubmenu_over.gif')", 30);
		//$('#'+elemId+' img.editprofile_popup').attr('src', document.location.protocol+'//'+siteTopDomain+'/img/opensubmenu_over.gif');
		
	}).bind('mouseleave',function(){
		mouseOverMenu = '';
		setTimeout("hideSubmenu('"+elemId+"')", 500);
	});
}

var mouseOverMenu;
$('#navigation').ready(function(){
	addSubmenuHover('gallery');
	addSubmenuHover('forums');
	addSubmenuHover('users');
	addSubmenuHover('more');
	addSubmenuHover('jobs');
	addSubmenuHover('challenge');
});

/*--------------------------------------------------*/

$('#editprofile_li').ready(function(){
	
	$('#editprofile_li img.editprofile_popup').bind('mouseenter', function(){
		mouseOverMenu = 'editprofile_li';
		$('div.editsubmenu').show();
	}).bind('click', function(){
		$('div.editsubmenu').toggle();
	});
	
	$('#editprofile_li').bind('mouseenter', function(){
		mouseOverMenu = 'editprofile_li';
	}).bind('mouseleave',function(){
		mouseOverMenu = '';
		
		setTimeout("if(mouseOverMenu != 'editprofile_li'){$('div.editsubmenu').hide();}", 500);
	});
	
	$('div.editsubmenu').bind('mouseenter', function(){
		mouseOverMenu = 'editprofile_li';
	}).bind('mouseleave',function(){
		mouseOverMenu = '';
		
		setTimeout("if(mouseOverMenu != 'editprofile_li'){$('div.editsubmenu').hide();}", 500);
	});
	
});

/*-------------------------------------------------------*/

$(document).ready(function(){
	if (!onReadyUserpicTooltipInUse) {
		onReadyUserpicTooltipInUse = true;
		setTimeout("onReadyUserpicTooltip();onReadyUserpicTooltipInUse = false;", 500);
	}

	onReadyTooltipSpan();

	/*$("input, textarea").focus(function() {
		if ($(this).css("background-color") == 'rgb(242, 249, 251)') { //#F2F9FB
			$(this).css("background-color" ,"#F8FAF0");
		}
	}).blur(function() {
		if ($(this).css("background-color") == 'rgb(248, 250, 240)') { //#F8FAF0
			$(this).css("background-color" ,"#F2F9FB");
		}
	});*/

});

var onReadyUserpicTooltipInUse = false;
function onReadyUserpicTooltip() {
	$('a.userpic').tooltip({
		bodyHandler: function() {
			var img = $(this).find('img');
			var src = img.attr('src');
			src = src.replace('thumb', 'large');
			var username = img.attr('alt');
			var ret = '<img src="'+src+'"><br />'+username;
			
			try {
				if ($.browser.chrome) {
					var longdesc = img.attr('longdesc').replace(/\|/g, '<br />', 'g').replace(/avatar_[0-9]+_/, '');
				} else {
					var longdesc = img.attr('longdesc').replace('|', '<br />', 'g').replace(/avatar_[0-9]+_/, '')
				}
				if (longdesc) {
					ret += '<br />Status: '+longdesc;
				}
			} catch (e) {
				//pass
			}
			
			
			
			return ret;
		},
		track: true,
		delay: 0,
		showURL: false,
		showBody: " - ",
		opacity: 1
	});
}
function onReadyTooltipSpan() {
	$('span.tooltip_span').tooltip({
		bodyHandler: function() {
			return $(this).find('span.tooltip_content').html();
		},
		track: true,
		delay: 0,
		showBody: " - ",
		opacity: 0.90
	});
}