// JavaScript Document

$(document).ready(
    function(){
        $('ul#portfolio').innerfade({
            speed: 50,
            timeout: 7000,
            type: 'sequence',
            containerheight: '100px'
        });

    $("h2.trigger2").click(function(){
        hideOrShowListenerLogin();
    });

    $("h2.trigger").click(function(){
        hideOrShowLogin();
    });

    hideOrShowLogin = function() {
        $(".toggle_container").slideToggle("slow");
		$(".toggle_container2").hide();
    }

    hideOrShowListenerLogin = function() {
	$(".toggle_container2").slideToggle("slow");
	$(".toggle_container").hide();
    }

    setFocus = function(thisNode) {
		if (thisNode.id == 'login-username' && thisNode.value == 'Username') {
			thisNode.value = '';
		}
		else if (thisNode.id == 'login-password-tmp') {
			thisNode.value = '';
			thisNode.style.display = 'none';
			document.getElementById('login-password').style.display = 'inline';
			document.getElementById('login-password').focus();
		}
		else if (thisNode.id == 'login-request' && thisNode.value == 'Username') {
			thisNode.value = '';
		}
	}
		
	remFocus = function(thisNode) {
		if (thisNode.id == 'login-username' && thisNode.value == '') {
			thisNode.value = 'Username';
		}
		else if (thisNode.id == 'login-password' && thisNode.value == '') {
			thisNode.style.display = 'none';
			document.getElementById('login-password-tmp').value = 'Password';
			document.getElementById('login-password-tmp').style.display = 'inline';
		}
		else if (thisNode.id == 'login-request' && thisNode.value == '') {
			thisNode.value = 'Username';
		}
	}
		
	togglePassHelp = function(divID) {
		if (divID == 'passhelp-div') {
			$('#login-div').hide();
			$('#response-div').hide();
			$('#usernamehelp-div').hide();
			$('#passhelp-div').fadeIn("slow");
		}
		else if (divID == 'response-div') {
			$('#login-div').hide();
			$('#passhelp-div').hide();
			$('#usernamehelp-div').hide();
			$('#response-div').fadeIn("slow");
		}
		else if (divID == 'login-div') {
			$('#passhelp-div').hide();
			$('#response-div').hide();
			$('#usernamehelp-div').hide();
			$('#login-div').fadeIn("slow");
		}
		else if (divID == 'usernamehelp-div') {
			$('#passhelp-div').hide();
			$('#response-div').hide();
			$('#login-div').hide();
			$('#usernamehelp-div').fadeIn("slow");
		}
	}
	
	submitLogin = function(requestUsername, requestPassword, baseURL) {
		$('#error').css('display', 'none');
		$('#login-submit').removeClass('login').addClass('sending').blur();
		$('#login-submit').attr('disabled', 'disabled');
		$('#loading').css('display', 'inline');
		$.ajax({
			type: 'post',
			url: baseURL+'login.php',
			data: 'ajax=LOGIN&loginUsername='+requestUsername+'&loginPassword='+requestPassword,
			success: function(ajaxResponse){
				var responseObj = $.parseJSON(ajaxResponse);
				var userRole = responseObj.userRole;
				if (userRole == 'admin') {
					window.location = baseURL+'adminHome.php';
				} else if (userRole == 'broadcaster') {
					window.location = baseURL+'broadcasterHome.php';
				} else if (userRole == 'advertiser') {
					window.location = baseURL+'advertiserHome.php';
				} else if (userRole == 'repgroup') {
					window.location = baseURL+'reps/';
				} else {
					$('#login-password').css('display', 'none');
					$('#login-password-tmp').css('display', 'inline');
					$('#login-submit').removeAttr('disabled');
					$('#login-submit').removeClass('sending').addClass('login').blur();
					$('#login-username').val('Username');
					$('#login-password-tmp').val('Password');
					$('#loading').css('display', 'none');
					$('#error').css('display', 'block');
				}
			}
		});
	}
		
	submitPassHelp = function(requestHandle, baseURL) {
		$('#passhelp-submit').removeClass('send').addClass('sending').blur();
		$('#passhelp-submit').attr('disabled', 'disabled');
		$.ajax({
			type: 'post',
			url: baseURL+'includes/passwordRequest.php',
			data: 'ajax=PASSHELP&loginRequest='+requestHandle,
			success: function(ajaxResponse){
				var responseObj = $.parseJSON(ajaxResponse);
				var response = responseObj.response;
				$('#login-resonpse').html(response);
				togglePassHelp('response-div');
				$('#login-request').val('Username');
				$('#passhelp-submit').removeClass('sending').addClass('send').blur();
				$('#passhelp-submit').removeAttr('disabled');
			}
		});
	}
		
});