var intervalId;
function prepare(){
	var headElt = document.createElement("script");
	headElt.src = 'http://www.hyves.nl/precompiled/hyvesconnect_async.js', headElt.type = "text/javascript";
	document.getElementsByTagName("head").item(0).appendChild(headElt);
	intervalId = window.setInterval('defer()',100);
}
    
function defer(){
	if(typeof Hyves != 'undefined'){
            window.clearInterval(intervalId);
            Hyves.connect.hub({hub_id: '11422129'}, null ,'placeholder3');
	}
}

function Stap1(){
	var obj1 = document.getElementById('stap1');
	var obj2 = document.getElementById('stap2');

	obj1.style.display = 'block';
	obj2.style.display = 'none';
}

function Stap2(){
	var obj1 = document.getElementById('stap1');
	var obj2 = document.getElementById('stap2');

	obj1.style.display = 'none';
	obj2.style.display = 'block';
}


function chatwrapper(){
	var chatwrapperview = document.getElementById('chatwrapperview');
	var chatwrapper = document.getElementById('chatwrapper');
	chatwrapperview.style.display = 'block';
	chatwrapper.style.display = 'none';
}


function chatwrapper_close(){
	var chatwrapperview = document.getElementById('chatwrapperview');
	var chatwrapper = document.getElementById('chatwrapper');
	chatwrapperview.style.display = 'none';
	chatwrapper.style.display = 'block';
}

function tell_a_friend(){
	var overlay = document.getElementById('overlay2');
	var nieuwsbrief = document.getElementById('tell_a_friend');
	nieuwsbrief.style.display = 'block';
	overlay.style.display = 'block';
}


function tell_a_friend_close(){
	var overlay = document.getElementById('overlay2');
	var nieuwsbrief = document.getElementById('tell_a_friend');
	nieuwsbrief.style.display = 'none';
	overlay.style.display = 'none';
}

function reactie(){
	var overlay = document.getElementById('overlay2');
	var nieuwsbrief = document.getElementById('reactie');
	nieuwsbrief.style.display = 'block';
	overlay.style.display = 'block';
}


function reactie_close(){
	var overlay = document.getElementById('overlay2');
	var nieuwsbrief = document.getElementById('reactie');
	nieuwsbrief.style.display = 'none';
	overlay.style.display = 'none';
}


//////////////// new ///////////////////

function changeBackgroundColor(){
	var changeBackgroundColor = document.getElementById('changeBackgroundColor');
	if (changeBackgroundColor.style.display == 'none'){
		changeBackgroundColor.style.display = 'block';
	}else {
		changeBackgroundColor.style.display = 'none';
	}
}

function blenden(rood,groen,blauw){
	var vertraging = 50;
	var colors = parseColorArray(document.body.style.backgroundColor);
	nieuwRood = colors[0];
	nieuwGroen = colors[1];
	nieuwBlauw = colors[2];
	
	
	
	var blende = 0;
	var timer = setInterval(
		function () {
			if ( blende < vertraging ) {
				oudRood=(Math.abs(rood-nieuwRood)/vertraging)*blende;
				tijdelijkRood=Math.floor((nieuwRood>rood)?(nieuwRood-oudRood):(nieuwRood+oudRood));
				oudGroen=(Math.abs(groen-nieuwGroen)/vertraging)*blende;
				tijdelijkGroen=Math.floor((nieuwGroen>groen)?(nieuwGroen-oudGroen):(nieuwGroen+oudGroen));
				oudBlauw=(Math.abs(blauw-nieuwBlauw)/vertraging)*blende;
				tijdelijkBlauw=Math.floor((nieuwBlauw>blauw)?(nieuwBlauw-oudBlauw):(nieuwBlauw+oudBlauw));
				document.body.style.backgroundColor = 'rgb(' + tijdelijkRood + ',' + tijdelijkGroen + ',' + tijdelijkBlauw + ')';
				blende++;
			} else {
				document.body.style.backgroundColor = 'rgb(' + rood + ',' + groen + ',' + blauw + ')';
				clearInterval(timer);
				
				if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
					xmlhttp=new XMLHttpRequest();
				}else{// code for IE6, IE5
					xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
					
				xmlhttp.onreadystatechange=function(){
					if (xmlhttp.readyState==4 && xmlhttp.status==200){

					}
				}
			
				xmlhttp.open("GET","/inc/plugin.php?actie=changeBackgroundColor&id="+rood + "," + groen + "," + blauw ,true);
				xmlhttp.send();
			}				
		}, 10
	);
}
	
function parseColorArray(rgbString) {
	rgbString = rgbString.replace('rgb(', '');
	rgbString = rgbString.replace(')', '');
	rgbString = rgbString.split(',');
	for ( var i in rgbString ) {
		rgbString[i] = parseInt(rgbString[i]);
	}
	return rgbString;
}



function showHint(str){
	if (str.length==0){
		document.getElementById("txtHint").innerHTML="";
		return;
	}
	
	if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}else{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
		
	xmlhttp.onreadystatechange=function(){
		if (xmlhttp.readyState==4 && xmlhttp.status==200){
			document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
		}
	}

	xmlhttp.open("GET","/inc/plugin.php?actie=search2&zoeken="+str,true);
	xmlhttp.send();
}

function favorieten(titel){
	var bookmarkurl = "http://www.mijnhomepage.nl";
	var bookmarktitel = "Figuratiewerk.nl - " + titel;
	if (document.all){
		window.external.AddFavorite(bookmarkurl,bookmarktitel);
	}
}