$(document).ready(function(){
	
	var baseurl = 'http://showrooms.adbuilding.com/';
        //var baseurl = 'http://showrooms.ad/';
	
	$.ajax({
		  url: baseurl + "getlogininfo",
		  dataType: 'jsonp',
		  cache: false,
		  contentType: 'application/json',
		  success: function(response){
			if(response != false)
			{
				$.each(response, function(key, val) {
					  if(key == 'id'){
						  var profileLink = $('#profilelink').attr('href');
						  $('#profilelink').attr('href', profileLink + val);
					  }else if(key == 'username'){
						  $('span#username').html(val);
					  }
				});
				$('#joinli, #loginli').addClass('hiddenli');
				$('#usernameli, #logoutli').removeClass('hiddenli');
			}
    	  }
	});
	
	// Navigation Hover
	$("#site-header nav li").hover(
	  function () {
		$(this).addClass("active");
		$(this).children('div.dropdown').show();
	  },
	  function () {
		$(this).removeClass("active");
		$(this).children('div.dropdown').hide();
	  }
	);
	
	//sign-in form lightbox
	$("#sign-in").fancybox({
		'overlayColor': '#000',
		'onClosed': function() {
			$('.form-error').hide();
			$('.registration-error').hide();
			$('.recover-error').hide();
			if($('#sign').hasClass('toggle-hidden')){
				$('#sign').show();
				$('#sign').toggleClass('toggle-hidden');
				$('#recover').hide();
				$('#recover').toggleClass('toggle-hidden');
			}
		}
	});
	
	//recover-password form lightbox		
	$('#forgot-link').click(function(){
		$('#recover').slideDown(500,function(){
			$(this).toggleClass('toggle-hidden');
		});
		$('#sign').slideUp(500,function(){
			$(this).toggleClass('toggle-hidden');
		});
	});
	
	//submit the sign-in form with ajax (any links from the response loaded in the fancybox will not work!!!)
	$('#login-button').click(function (){ 
		var errorFlag = false;
		$('#sign-in-form .required-field').each(function () {
			if ($(this).val() == '') {
				$('#error-for-' + $(this).attr('id')).html('This field is required!');
				$('#error-for-' + $(this).attr('id')).show();
				errorFlag = true;
			}else {
				$('#error-for-' + $(this).attr('id')).html('');
				$('#error-for-' + $(this).attr('id')).hide();
			}
		});
		if (!errorFlag) {
			$.fancybox.showActivity();
			$.ajax({
				cache: false,
				dataType: 'jsonp',
				contentType: 'application/json',
				url: baseurl+"signin/login/",
				data:({'username': $('#sign-username').val(),
				      'password': $('#sign-password').val(),
				      'remember': $('#sign-remember').val()
				}),
				error: function(){
					alert('asdasd');
				},
				success: function(response) {
					if(response == false){
						$.fancybox.hideActivity();
						$('.registration-error').show();
					}else{
						$.fancybox.close();
						location.reload();
					}	
				}
			});	
		}
	}); 
	
	$('#recover-button').click(function (){ 
		var errorFlag = false;
		var emailRegEx = /^[\w](([_\.\-\+]?[\w]+)*)@([\w]+)(([\.-]?[\w]+)*)\.([A-Za-z]{2,})$/;
		$('#recover-form .required-field').each(function () {
			if($(this).hasClass('email')){
				if ( !emailRegEx.test($(this).val())) {
					$('#error-for-' + $(this).attr('id')).html('Please enter a valid e-mail!');
					$('#error-for-' + $(this).attr('id')).show();
					errorFlag = true;
				}else {
					$('#error-for-' + $(this).attr('id')).html('');
					$('#error-for-' + $(this).attr('id')).hide();
				}
			}
		});
		if (!errorFlag) {			
			$.fancybox.showActivity();
			$.ajax({
				type: "POST",
				cache: false,
				url: baseurl+"signin/recover",
				data:({'e-mail': $('#recover-email').val()}),
				success: function(response) {
					if(response == "invalid"){
						$.fancybox.hideActivity();
						$('.recover-error').show();
					}else{
						$.fancybox.hideActivity();
						$.fancybox(response,{
							'overlayColor': '#000',
							'onComplete': function(){
								$('.form-error').hide();
								$('.registration-error').hide();
								$('.recover-error').hide();
								if($('#sign').hasClass('toggle-hidden')){
									$('#sign').show();
									$('#sign').toggleClass('toggle-hidden');
									$('#recover').hide();
									$('#recover').toggleClass('toggle-hidden');						
								}
							}	
						});
					}	
				}
			});	
		}
		return false;
	}); 


	
});