function toonDiv(divId)
{
    deDiv = document.getElementById(divId);
    
    if(deDiv)
    {
        if(deDiv.style.display == 'none')
        {
            deDiv.style.display = '';
        }
    }    
}

function verbergDiv(divId)
{
    deDiv = document.getElementById(divId);
    
    if(deDiv)
    {
        if(deDiv.style.display == '')
        {
            deDiv.style.display = 'none';
        }
    }    
}

function doselectAll(theBox, veldId)
{
	xState=theBox.checked;
	elm=theBox.form.elements;
    for(i=0;i<elm.length;i++)
	{
		if(elm[i].type=="checkbox" && elm[i].id==veldId)
		{
        	elm[i].checked=xState;
		}
    } 	  
}

function doselectAll2(theBox, veldId)
{
	xState=theBox.checked;
	elm=theBox.form.elements;
	
	lengte = veldId.length;	
    for(i=0;i<elm.length;i++)
	{
		naam = elm[i].name;
		if(naam)
		{
			naam = naam.substring(0, lengte);
			if(elm[i].type=="checkbox" && naam==veldId)
			{
				elm[i].checked=xState;
			}
		}
    } 	  
}

function emoticon (what,where)
{
	target			= document.getElementById(where);
	target.value	= target.value + ' ' + what;
}
	    
function aantalTekens(hetVeld)
{
	veld	= document.getElementById(hetVeld);
	if(veld)
	{
		lengte	= veld.value.length;	
		if (lengte > 1000)
		{
			//te lang dus inkorten
		    veld.value = veld.value.substring(0, 1000);
		}
		else
		{
			//teller updaten
			count = 1000 - lengte;
			teller = document.getElementById('tekenTeller');
			teller.innerHTML = "Je kunt nog maximaal <b>" + count + "</b> tekens typen.";
		
		}		
	}
}

function startLaden()
{	
	if(document.getElementById("berichtfoto").value != '')
	{							
		document.getElementById("verstuurBericht").style.display = "none";
		document.getElementById("hetLaadVenster").style.display = "";
	}
}

// Fotoviewer
var fotoViewerTotaalAantal = 0;
var fotoViewerHuidigeAfbeelding = 1;

function fotoViewer(richting) {
	if (richting == 'vorige' && fotoViewerHuidigeAfbeelding == 1) {
		fotoViewerHuidigeAfbeelding = fotoViewerTotaalAantal;
		$('#profielPagina #fotoViewer ul').animate({
	    	marginLeft: -((fotoViewerTotaalAantal-1) * 147)
	  		}, 500, function() {
	    	// Animation complete.
	  	});
	}
	else if (richting == 'vorige' && fotoViewerHuidigeAfbeelding != 1) {
		fotoViewerHuidigeAfbeelding -= 1;
		$('#profielPagina #fotoViewer ul').animate({
	    	marginLeft: '+=147'
	  		}, 500, function() {
	    	// Animation complete.
	  	});
	 } 
	 else if (richting == 'volgende' && fotoViewerHuidigeAfbeelding != fotoViewerTotaalAantal) {
	 	fotoViewerHuidigeAfbeelding += 1;
	 	$('#profielPagina #fotoViewer ul').animate({
	    	marginLeft: '-=147'
	  		}, 500, function() {
	    	// Animation complete.
	  	});
	 }
	 else if (richting == 'volgende' && fotoViewerHuidigeAfbeelding == fotoViewerTotaalAantal) {
	 	fotoViewerHuidigeAfbeelding = 1;
	 	$('#profielPagina #fotoViewer ul').animate({
	    	marginLeft: '0'
	  		}, 500, function() {
	    	// Animation complete.
	  	});
	 }
}

// Voorkeuren
function toonVerbergVoorkeuren(element) {
	if (element.hasClass('hidden')) {
		element.removeClass('hidden');
		$('#profielPagina #voorkeuren div.t').css("height", "99.99%");
        $('.btnToonVoorkeuren span').text('verberg voorkeuren');
		$('.btnToonVoorkeuren').css('background','url(../images/btnVerbergVoorkeuren.png)');
	}
	else {
		element.addClass('hidden');
		$('#profielPagina #voorkeuren div.t').css("height", "100%");
        $('.btnToonVoorkeuren span').text('toon alle voorkeuren');
        $('.btnToonVoorkeuren').css('background','url(../images/btnToonVoorkeuren.png)');
	}
}

function nicknameCheck(veldId, lidId)
{
    hetVeld = document.getElementById(veldId);    
    if(hetVeld)
    {
        if(hetVeld.value.length >= 1)
        {
            toonDiv('nicknameResult');
            MyAjaxRequest('nicknameResult','ajaxdata.php?id=1&lidid=' + lidId + '&nickname=',veldId);
        }
        else
        {
            verbergDiv('nicknameResult');
        }
    }
}


function updateBetaling()
{
    MyAjaxRequest('','ajaxdata.php?id=2&l=' + walletId,'');    
}

function updateWalletMinuten()
{
    huidigeTijd    = huidigeTijd + 0.5;
    
    if(maxMin >= huidigeTijd)
    {
        huidigeTijd2 = huidigeTijd;
        huidigeTijd2.toString();
        huidigeTijd2 = str_replace(".", ",", huidigeTijd2);
        
        lengte = huidigeTijd2.length - 2;
        if(huidigeTijd2.substr(lengte) != ",5")
        {
            huidigeTijd2 = huidigeTijd2 + ",0";
        }

        document.getElementById('walletHuidigeTijd').innerHTML = huidigeTijd2;
        
        if(maxMin == huidigeTijd)
        {
            document.getElementById('walletStopBetaling').innerHTML = '<a href="mijnwallet.php">Koop extra credits</a>';        
        }
    }
}

function str_replace (search, replace, subject, count) {
 
    var i = 0, j = 0, temp = '', repl = '', sl = 0, fl = 0,
            f = [].concat(search),
            r = [].concat(replace),
            s = subject,
            ra = r instanceof Array, sa = s instanceof Array;
    s = [].concat(s);
    if (count) {
        this.window[count] = 0;
    }
 
    for (i=0, sl=s.length; i < sl; i++) {
        if (s[i] === '') {
            continue;
        }
        for (j=0, fl=f.length; j < fl; j++) {
            temp = s[i]+'';
            repl = ra ? (r[j] !== undefined ? r[j] : '') : r[0];
            s[i] = (temp).split(f[j]).join(repl);
            if (count && s[i] !== temp) {
                this.window[count] += (temp.length-s[i].length)/f[j].length;}
        }
    }
    return sa ? s : s[0];
}

function initWalletTimer()
{
    updateWalletMinuten();
    window.setInterval(updateWalletMinuten, 30000);    
}

function initWalletBetaling()
{
    var tijd = minResterend * 1000;
    
    if(tijd == 30000 && huidigeTijd > 1)
    {
        tijd = 10; //precies op de halve minuut geklikt, direct + 1 doen
    }
    
    updateBetaling();
    window.setInterval(updateBetaling, 25000);
    setTimeout('initWalletTimer()', tijd);
}

function checkWachtwoord()
{
    var wachtwoord1 = document.getElementById('wachtwoord').value;
    var wachtwoord2 = document.getElementById('wachtwoord2').value;
    if(wachtwoord1 == '')
    {
        alert('Er moet wel een wachtwoord ingevoerd worden');
        return false;
    }
    if(wachtwoord1 == wachtwoord2)
    {
        return true;
    }
    else
    {
        alert('De wachtwoorden moeten wel hetzelfde zijn.');
        return false;
    }
}

$(document).ready(function() {

    Cufon.replace('h1');
    Cufon.replace('h2');
    Cufon.replace('h3');
    Cufon.replace('h4');
    Cufon.replace('.btnKlein');
    
	/* Toplogin voorbeeld tekst in input velden */
	$('input.placeholder').each( function() {
		$(this).click( function() {
			$('.placeholder').removeClass('placeholder');
		});
		if ($(this).val() != '') {
			$(this).removeClass('placeholder');
		}
	});
	
	// Profielpagina voorkeuren
	$('#profielPagina #alleTrefBalken').addClass('hidden');
	$('#profielPagina #voorkeuren div.t').css("height", "100%");
	$('#profielPagina .btnToonVoorkeuren').click( function() {
		toonVerbergVoorkeuren($('#profielPagina #alleTrefBalken'));
	});
	
	// Fotoviewer
	$('#profielPagina #javascriptCheck').addClass('javascriptAan');
	$('#profielPagina #fotoViewer li').each(function() {
    	fotoViewerTotaalAantal += 1;    	
 	});
	$('#fotoViewer #btnVorige').click( function() {
		fotoViewer('vorige');
	});
	$('#fotoViewer #btnVolgende').click( function() {
		fotoViewer('volgende');
	});
		
	$('.mijnProfielBlok input.slider').each( function(index) {
	
		$(this).addClass('hidden');
		$(this).parent().removeClass('geenJavascript');
		$('span.uitlegGeenJavascript').remove();
        var inputVeld = "#tb"+(index+1);
        var inputValue  = $(inputVeld).val();

		var slider = "#tb"+(index+1)+"slider";
						
		$(slider).slider({
			value: inputValue,
			min: 0,
			max: 10,
			step: 1,
			slide: function(event, ui) {
				$(inputVeld).val(ui.value);
			}
		});
		$(inputVeld).val($(slider).slider("value"));
	});
	
});