$(document).ready(function(){
	$('#login #username').focus().css('border-color', '#574B36');
	$('#login .login_input').focus(function(){
		$(this).css('border-color', '#574B36');
	});
	$('#login .login_input').blur(function(){
		$(this).css('border-color', '#372B16');
	});
	$('.loginmenu').hover(
			function(){
				var src = $(this).attr('src');
				var end = src.lastIndexOf('.');
				var path = src.substring(0, end);
				$(this).attr('src', path + '_active' + src.substring(end, src.length));
			},
			function(){
				var src = $(this).attr('src');
				var end = src.lastIndexOf('.');
				var beginS = src.lastIndexOf('_active');
				var path = src.substring(0, beginS);
				$(this).attr('src', path + src.substring(end, src.length));
			});
	$('a.overlay').click(function(){
		var src = $(this).attr('href');
		$.modal('<iframe class="modal_iframe_mainmenu" src="' + src + '">', {
			containerCss:{
				height:"640",
				padding:0,
				width:"inherit"
			},
			overlayClose:true
		});
		return false;
	});

	$('.reg_overlay').click(function(){
		var src = $(this).attr('href');
		$.modal('<iframe class="modal_iframe_reg" src="' + src + '">', {
			containerCss:{
				height:"640",
				padding:0,
				width:"inherit"
			},
			overlayClose:true
		});
		return false;
	});

//	$('.tooltip').tooltip('#tooltip', { position: "bottom right"}); 
	$(".tooltip").tooltip({

		// use div.tooltip as our tooltip
		tip: '#tooltip',

		// use fade effect instead of the default
		effect: 'fade',

		// make fadeOutSpeed similar to browser's default
		fadeOutSpeed: 100,

		// the time before tooltip is shown
		predelay: 100,

		// tweak the position
		position: "top right",		
		offset: [-10, -10],
		
		opacity: 0.95
	});
});