$(document).ready(function() {
	position_error();
  
$('#error_container #click_able').click(function() {
	$('#error_container').fadeOut();
});
	
	
$("a#pass_req").click(function() {
	
	
		var message = '<div id="error_message"> 															'+
			'			<div class="error_box_warn">    													'+ 
			'					<div class="error_message pt5imp pb5imp">													'+ 
			'						<form action="javascript:void(0);" method="post" name="pass_req" class="pas_req_top">		'+ 
            '						<label class="login_label"><span class="email_label">Email adres:</span></label>							'+ 
            '						<input type="text" class="input_login email" value="Email adres" id="email_adres" onfocus="clear_field(this.value,\'Email adres\',this.id)" />													'+ 
            '    					<input type="button" value="" id="pass_versturen" onclick="send_pass(email_adres.value);" class="login_btn" />	'+ 
			'						<div class="clear"></div>																'+ 
            '						</form>																	'+ 
			'					</div>																		'+ 
			'				</div>																			'+ 
			'			</div>';
		show_created_error_box(message,"0","0");
		return false;
});	


$("#vraag").click(
	function() {
		var $elem = $('body');
		$('html, body').animate({scrollTop: $elem.height()}, 'slow');
	return false;
});
		
		
		
$(window).scroll(function() {
		var scrollTop = $(window).scrollTop();
	  	if( $('#error_container').is(':visible') ) {
			if(scrollTop < 30)
				{
					var position = 30 - scrollTop;
					$('#error_container').css("top", position );
				}
				else
				{
					$('#error_container').css("top", 0 );
				}				
			}
});	

	//end
});


//functions
function show_created_error_box(data,time,click_able)
{
	$("#error_container #non_click_able").empty();
	$("#error_container #click_able").empty();
	if(click_able == 0)
	{
		position_error();
		$("#error_container #non_click_able").html(data);
		$("#error_container").fadeIn();
		
		if(time != 0)
		{
		setTimeout(function() { $("#error_container").fadeOut(); }, time);
		}
	}
	else
	{
		position_error();
		$("#error_container #click_able").html(data);
		$("#error_container").fadeIn();
		
		if(time != 0)
		{
		setTimeout(function() { $("#error_container").fadeOut(); }, time);
		}
	}
	//$('html, body').animate({scrollTop:0}, 'slow');
	
}

jQuery.fn.center = function () {
    this.css("position","fixed");
    this.css("top", ( $(window).height() - 70 ) / 2 + "px");
    this.css("left", ( $(window).width() - 300 ) / 2 + "px");
    return this;
}
jQuery.fn.fullScreen = function () {
    this.css("position","absolute");
    this.css("height", $(document).height()  + "px");
    this.css("width",  $(document).width() + "px");
    return this;
}

function sendCURL(curl,page)
{
	//alert(curl);
	//alert(page);
	//stop();
	
	var current_url = curl;
	var page_type = page;
	
	$.post("error_exec.php", { current_url:current_url, page_type:page_type } );
	/*$.post("error_exec.php", {current_url:current_url },
   			function(data){
				show_created_error_box(data,"10000","1");
			});*/

}
function isCapLockOn(e)

{
    var charKeyCode = e.keyCode ? e.keyCode : e.which; // To work with both MSIE & Netscape
    var shiftKey = e.shiftKey ? e.shiftKey : ((charKeyCode == 16) ? true : false);
    // Check both the condition as described above
    if (((charKeyCode >= 65 && charKeyCode <= 90) && !shiftKey) || ((charKeyCode >= 97 && charKeyCode <= 122) && shiftKey))

    {
		var message = '<div id="error_message"> 															'+
			'			<div class="error_box_warn">    													'+ 
			'					<div class="error_message">													'+ 
			'						<strong style="color:#797d0e;">Capslock staat aan.</strong>				'+ 
			'					</div>																		'+ 
			'				</div>																			'+ 
			'			</div>';
		show_created_error_box(message,"0","1");
        // Caps lock is on

    } else
	{
		if( $('#error_container').is(':visible') ) {
			$('#error_container').fadeOut();
		}
	}
}

function position_error()
{
var scrollTop = $(window).scrollTop();
if(scrollTop < 30)
	{
		var position = 30 - scrollTop;
		$('#error_container').css("top", position );
	}
	else
	{
		$('#error_container').css("top", 0 );
	}	
}

function clear_field(cur_value,value,id)
{
	if(cur_value == value)
	{
		$('#'+id).val('');
	}
}

// user actions
function log_in(user,pass){
	var message = '<div id="error_message"> 															'+
			'			<div class="error_box_fout">    													'+ 
			'					<div class="error_message">													'+ 
			'						<strong style="color:#d33c41;">Error!</strong> Inloggen mislukt.<br>			'+ 
			'					</div>																		'+ 
			'				</div>																			'+ 
			'			</div>';
		show_created_error_box(message,"0","1");
}

function send_pass(user){
		var message = '<div id="error_message"> 															'+
			'			<div class="error_box_fout">    													'+ 
			'					<div class="error_message">													'+ 
			'						<strong style="color:#d33c41;">Error!</strong> Email adres is niet bekend.<br>				'+ 
			'					</div>																		'+ 
			'				</div>																			'+ 
			'			</div>';
		show_created_error_box(message,"0","1");
}



