function showBlackout() {
    if (!$('#blackout').length) {
    	if (!window.XMLHttpRequest) { //IE6-
    		$('select').hide();
		}
        $('body').append('<div id="blackout"></div>');
        if (!window.XMLHttpRequest) { //IE6-
    		$('#blackout').css('height', $('body').height()+"px");
		}
    }
}
function removeBlackout() {
	if (!window.XMLHttpRequest) { //IE6-
    	$('select').show();
	}
    $('#blackout').remove();
}
function centerElement(elementID) {
    if (window.innerWidth) {
        var windowWidth = window.innerWidth;
        var windowHeight = window.innerHeight;
    }
    else if (document.all) {
        var windowWidth = document.documentElement.clientWidth;
        var windowHeight = document.documentElement.clientHeight;
    }
    var elementWidth = $('#'+elementID).width();
    var elementHeight = $('#'+elementID).height();
    if (!window.XMLHttpRequest) { //IE6-
    	$('#'+elementID).css('position', 'absolute');
        window.scrollTo(0,0);
	}
	else {
		$('#'+elementID).css('position', 'fixed');
	}
    $('#'+elementID).css('z-index', '99999');
    $('#'+elementID).css('top', (windowHeight/2)-(elementHeight/2));
    $('#'+elementID).css('left', (windowWidth/2)-(elementWidth/2));
}
function checkEmail(emailStr) {
	var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
	if (filter.test(emailStr)) {
		return false;
	}
	return true;
}

$(function() {	
	$('#loginButton').bind('click', function() {
		$('#loginPopup').fadeIn();
		return false;
	});
	$('#closeHeaderPopup').bind('click', function() {
		$('#loginPopup').fadeOut();
		return false;
	});
	
	$('#headerLoginForm').bind('submit', function() {
		var validationStr = "";
		if ($('#head_email_address').val() == "" || checkEmail($('#head_email_address').val())) {
			validationStr += "Please enter a valid email address\n";
		}
		if ($('#head_password').val() == "") {
			validationStr += "Please enter your password\n";
		}
		if (validationStr != "") {
			alert(validationStr);
			return false;
		}
	});
	
	$('#panelTabs a').bind('click', function() {
		$('.curJobTab').removeClass('curJobTab');
		$(this).addClass('curJobTab');
	});
	
	$('#showPanel1').bind('click', function() {
		$('#panel1').show();
		$('#panel2').hide();
		$('#panel3').hide();
		$('#panel1 .holder').cycle('resume');
		$('#panel2 .holder').cycle('pause');
		$('#panel3 .holder').cycle('pause');
	});
	$('#showPanel2').bind('click', function() {
		$('#panel1').hide();
		$('#panel2').show();
		$('#panel3').hide();
		$('#panel1 .holder').cycle('pause');
		$('#panel2 .holder').cycle('resume');
		$('#panel3 .holder').cycle('pause');
	});
	$('#showPanel3').bind('click', function() {
		$('#panel1').hide();
		$('#panel2').hide();
		$('#panel3').show();
		$('#panel1 .holder').cycle('pause');
		$('#panel2 .holder').cycle('pause');
		$('#panel3 .holder').cycle('resume');
	});
	
	var timeout = 10000;
	$('#panel1 .holder').cycle({ 
		fx: 'fade',
		timeout: timeout,
		pager: '.pager1'
	});
	$('#panel2 .holder').cycle({ 
		fx: 'fade',
		timeout: timeout,
		pager: '.pager2'
	});
	$('#panel3 .holder').cycle({ 
		fx: 'fade',
		timeout: timeout,
		pager: '.pager3'
	});
	
	$('#panel2 .holder').cycle('pause');
	$('#panel3 .holder').cycle('pause');
});