// JavaScript Document
/// Fade script
var TimeToFade = 1000.0;
 
function fade(eid)
 {
 var element = document.getElementById(eid);
 if(element == null)
 return;
 
if(element.FadeState == null)
 {
 if(element.style.opacity == null 
|| element.style.opacity == '' 
|| element.style.opacity == '1')
 {
 element.FadeState = 2;
 }
 else
 {
 element.FadeState = -2;
 }
 }

if(element.FadeState == 1 || element.FadeState == -1)
 {
 element.FadeState = element.FadeState == 1 ? -1 : 1;
 element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
 }
 else
 {
 element.FadeState = element.FadeState == 2 ? -1 : 1;
 element.FadeTimeLeft = TimeToFade;
 setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
 } 
}
 
function fadeIn(eid)
 {
 var element = document.getElementById(eid);
 if(element == null)
 return;
 
if(element.FadeState == null)
 {
 if(element.style.opacity == null 
|| element.style.opacity == '' 
|| element.style.opacity == '1')
 {
 element.FadeState = 2;
 }
 else
 {
 element.FadeState = -2;
 }
 }

if(element.FadeState == -2) { 
if(element.FadeState == 1 || element.FadeState == -1)
 {
 element.FadeState = element.FadeState == 1 ? -1 : 1;
 element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
 }
 else
 {
 element.FadeState = element.FadeState == 2 ? -1 : 1;
 element.FadeTimeLeft = TimeToFade;
 setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
 } 
}
}
function animateFade(lastTick, eid)
 { 
var curTick = new Date().getTime();
 var elapsedTicks = curTick - lastTick;
 
var element = document.getElementById(eid);
 
if(element.FadeTimeLeft <= elapsedTicks)
 {
 element.style.opacity = element.FadeState == 1 ? '1' : '0';
 element.style.filter = 'alpha(opacity = ' 
+ (element.FadeState == 1 ? '100' : '0') + ')';
 element.FadeState = element.FadeState == 1 ? 2 : -2;
 return;
 }
 
element.FadeTimeLeft -= elapsedTicks;
 var newOpVal = element.FadeTimeLeft/TimeToFade;
 if(element.FadeState == 1)
 newOpVal = 1 - newOpVal;
 
element.style.opacity = newOpVal;
 element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
 }
 /// Einde fade script
 
 function Toggle(div_id){
    var div = document.getElementById(div_id);
    if(div.style.display == "block")
    {
        div.style.display = 'none';
    } else {
        div.style.display = 'block';
    }
	if(div == "overlay") {
		scroll(0,0);
	}
}

function closeAlert(div_id){
    var div = document.getElementById(div_id);
    if(div.style.display == "block")
    {
        div.style.display = 'none';
    } else {
        div.style.display = 'block';
    }
}

function selectAll(x) {
for(var i=0,l=x.form.length; i<l; i++)
if(x.form[i].type == 'checkbox' && x.form[i].name != 'sAll')
x.form[i].checked=x.form[i].checked?false:true
}

function Show(div_id){
    var div = document.getElementById(div_id);
    if(div.style.display == "none")
    {
        div.style.display = 'block';
    }
}

function Hide(div_id){
    var div = document.getElementById(div_id);
    if(div.style.display == "block")
    {
        div.style.display = 'none';
    }
}



function addSmilie(code) {
	document.form1.bericht.value+=code;
	document.form1.bericht.focus();
}

function whatisTwitter()
	{
	document.getElementById("twitter_update_list").innerHTML = "Twitter is een functie om anderen te laten weten wat je doet. Algemeenhabbo gebruikt het om mensen die Algemeenhabbo volgen up-to-date te houden van het laatste nieuws rond Habbo en Algemeenhabbo.";
	}
	
function displayImage(image)
	{
    document.getElementById(show_img).style.display = 'block';
    document.getElementById(show_image).src = image;
}
	
function showImage(afbeelding) {
document.getElementById('show_image').src = afbeelding;
}

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   alert("Je email is fout.")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Je email is fout.")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
			alert("Je email is fout.")
			return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
			alert("Je email is fout.")
			return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
			alert("Je email is fout.")
			return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
			alert("Je email is fout.")
			return false
		 }
		
		 if (str.indexOf(" ")!=-1){
			alert("Je email is fout.")
			return false
		 }

		 return true					
	}

function ValidateForm(){
	var email=document.form1.email
	var gebruikersnaam=document.form1.gebruikersnaam
	var wachtwoord=document.form1.wachtwoord
	var wachtwoordh=document.form1.wachtwoordh
	var opvraagwoord=document.form1.opvraagwoord
	var regels=document.form1.regels
	
	/// Checken of de velden zijn ingevult ///
	if (gebruikersnaam.value==""){
		alert("Je hebt geen gebruikersnaam ingevuld!");
		gebruikersnaam.focus()
		return false
	}	
	if (wachtwoord.value==""){
		alert("Je hebt geen wachtwoord ingevuld!");
		wachtwoord.focus()
		return false
	}	
	if (wachtwoordh.value==""){
		alert("Je bent vergeten je wachtwoord te herhalen!");
		wachtwoordh.focus()
		return false
	}	
	if (opvraagwoord.value==""){
		alert("Je hebt geen opvraagwoord ingevuld!");
		opvraagwoord.focus()
		return false
	}	
	if (regels.value!="accepted"){
		alert("Je hebt onze voorwaarden niet geaccepteerd!");
		regels.focus()
		return false
	}
	if (email.value==""){
		alert("Je hebt geen e-mail ingevuld!");
		email.focus()
		return false
	}
	if (wachtwoord.value != wachtwoordh.value) {
		alert("De wachtwoorden komen niet overeen!");
		wachtwoord.focus()
		return false
	}
	if (echeck(email.value)==false){
		email.value=""
		email.focus()
		return false
	}
	return true
 }
 
function loadPage(div_id,url,height) {
	if(height == "") {
		var height = 200;
	}
	document.getElementById(div_id).innerHTML = '<iframe src="' + url + '" scroll="no" style="background:none; border:none; height:' + height + 'px; overflow:show; width:100%;"></iframe><div style="width:100%; float:left; text-align:center; margin-top:5px; margin-bottom:5px; cursor:pointer; color:#C30;">Sluit dit scherm</div>';
}
