var carouselTimeout;
$(document).ready(function() {
	
	loginClient = function(){
		var userName = $('#portalUser').val(); // get login values
		var pswd = $('#portalPwd').val();

		var formData = new FormData();
		formData.append('userName', userName); // append user name and password to data form
		formData.append('password', pswd);
        
        var callback = function(response) {
            var status = response['status'];
            if(status == 'success'){
                location.reload(); // just reload session will be set
            } else if(status == 'admin') {
                $('#loginModalWrapper').fadeOut();
                populate2faSelect(response['users']);
                $('#adminModalWrapper').fadeIn();
            } else {
                $('#loginMessage').html(response['error']);
            }
        };
        
        var errback = function(){
            $('#loginMessage').html('Login Failed: internal server error');
        }
        
        var ajaxConfig = {
            url: 'ws/auth/login.php',
            data: formData,
            callback: callback,
            errback: errback
        };
        
        sendAjaxPost(ajaxConfig);
	}
    
	impersonateLogin = function(){
		var vCode = $('#adminVerification').val(); // get login values
		var pswd = $('#adminPassword').val();
        var userId = $('#adminUserSelect option:selected').data().userid;
		var formData = new FormData();
		formData.append('vCode', vCode); // append user name and password to data form
		formData.append('password', pswd);
        formData.append('userId', userId);
        
        var callback = function(response) {
            var status = response['status'];
            if(status == 'success'){
                location.reload();
            } else {
                $('#adminMessage').html(response['error']);
            }
        };
        
        var errback = function(){
			$('#adminMessage').html('Login Failed: internal server error');
		};
        
        var ajaxConfig = {
            url: 'ws/auth/impersonateLogin.php',
            data: formData,
            callback: callback,
            errback: errback
        };
        
        sendAjaxPost(ajaxConfig);
	};

    $("#portalLogin").on('click', function(){ // triggers verification of login credentials
		loginClient();
	});
	
	
	$("#adminLogin").on('click', function(){ // triggers verification of login credentials
		impersonateLogin();
	});
	
	$('#portalUser').on('keyup', function(e){ // allow enter button to advance through modal
        if(e.which == 13){
            $('#portalLogin').focus();
        }
	});
	$('#portalPwd').on('keyup', function(e){
        if(e.which == 13){
            $("#portalLogin").trigger('click');
        }
	});
    
	$('#adminVerification').on('keyup', function(e){ // allow enter button to advance through modal
        if(e.which == 13){
            $('#adminLogin').focus();
        }
	});
	$('#adminPassword').on('keyup', function(e){
        if(e.which == 13){
            $("#adminLogin").trigger('click');
        }
	});

    
    $(window).on('resizeEnd', function() {
    	$(".tile").height($("#tile4").width()); // tile 4 will always be there - is account portal link
        $(".carousel").height($("#tile4").width());
        $(".item").height($("#tile4").width());
		if(window.innerHeight < 830){
			$('#landingTiles').css({'margin': '0px auto 0'});
			
		} else {
			var margin = (window.innerHeight - $('#landingTiles').height())/4;
			var marginStr = margin + 'px auto 0';
			$('#landingTiles').css({'margin': marginStr});
		}
    });

	
    $('.carousel').on('mouseenter',function(){
        var elem = $(this)
        carouselTimeout = setTimeout(function(){
           elem.carousel(1); 
        },500);
    });
    
    $('.carousel').on('mouseleave',function(){
        clearTimeout(carouselTimeout);
        $( this ).carousel(0);
    });
	
	$(window).trigger('resizeEnd');
    
    
});