$(document).ready(function(){
	
	$('.block').append('<div class="footer"></div>');
	// create corners
	$('#map').css('background', 'transparent').css('border', 'none 0').append(corners());

	$('#client_subscribe').css('background', 'transparent').css('border', 'none 0').append(corners());
	$('#address2f').css('background', 'transparent').css('border', 'none 0').append(corners());
	$('#client_subscribe .button').css('background', 'transparent').css('border', 'none 0').append(corners());
	// bind -> animatie meniu

	
	// bind -> animatie marire harta 
	$('#map').addClass('minimized').one('click',enlarge_map);
	$('#map').children().css('z-index', '10000');
	$('#map').find('.corner_top_right').css('z-index', '10001');
	// bind -> login focus
	$('#login input.user_credentials').focus(login_user_focus).blur(login_user_blur);
	$('#login input.pass_credentials').focus(login_pass_focus).blur(login_pass_blur);
});
/*************************************/
/* Pentru crearea de colturi rotunde */
/*************************************/
function corners() {
	return '<div class="corner_top_right"></div><div class="corner_bottom"></div><div class="corner_top"></div><div class="corner_bottom_right"></div>';
}
/***************************************/
/* Pentru marirea si micsorarea hartii */
/***************************************/
var map_width = 0;
var map_height = 0; 
function enlarge_map(){
	if($(this).hasClass('animating') && $(this).hasClass('minimized')) return false;
	$(this).addClass('animating');

	$(this).animate({width:'800px', height:'440px'}, 300, 
	function(){
		$(this)
			.removeClass('animating')
			.removeClass('minimized')
			.addClass('enlarged')
			.one('click', minimize_map);
	});
	$(this).find('.arrow').animate({bottom: '1px', opacity:0}, 300);			
}
function minimize_map(){
	if($(this).hasClass('animating') && $(this).hasClass('enlarged')) return false;
	$(this).animate({width:'100px', height:'50px'}, 300, 
		function(){
			$(this).find('.arrow').animate({bottom:'-7px', opacity:1}, 500);
			$(this)
				.removeClass('animating')
				.removeClass('enlarged')
				.addClass('minimized')
				.one('click', enlarge_map);
		});
}
/*************************************************/
/* Pentru modificarea starii campurilor de login */
/*************************************************/
function login_user_focus(){
	var val = $(this).attr('value');
	$(this).addClass('input_focused');
	if(val == 'email')
		$(this).attr('value', '');
}
function login_user_blur(){
	var val = $(this).attr('value');
	$(this).removeClass('input_focused');
	if(val == '')
		$(this).attr('value', 'email');
}
function login_pass_focus(){
	var val = $(this).attr('value');
	$(this).addClass('input_focused');
	if(val == 'password')
		$(this).attr('value', '');
}
function login_pass_blur(){
	var val = $(this).attr('value');
	$(this).removeClass('input_focused');
	if(val == '')
		$(this).attr('value', 'password');
}