var chatTimeout;
var showPeel = true;

// global dom:loaded
document.observe('dom:loaded', function(){
	
	// tooltips
	$$('img[title]').each(function(element){
		if(!element.title.empty()) {
			var target;
			var split = element.id.split('_');
			if(split.length > 0 && (target = $(split[1]))) {
				new Tip(element, element.title, {style:'bespaarInfo', target: target});
				element.title = "";
			}
		}
	});
	
	// tooltips
	$$('a[rel]').each(function(element){
		if(!element.rel.empty()) {
			new Tip(element, element.rel, { style: 'aob'} );
		}
	});
	
	// activate placeholder script
	activatePlaceholders();
	
	// chat
	if($('chat')) {
	
		// re-position
		$('chat').style.right = Math.max(0, (((document.viewport.getWidth() - 950) / 2)-3)) + "px";
		
		//hide
		$('chat').style.top = ($('chat').getHeight()*-1)+'px';
		
		// resize
		Event.observe(window, 'resize', function() {
			$('chat').style.right = Math.max(0, (((document.viewport.getWidth() - 950) / 2)-3)) + "px";
		});
		
		// on click
		if($('closeChat'))
			Event.observe($('closeChat'), 'click', hideChat);
		
		if($('startChat'))
			Event.observe($('startChat'), 'click', function(){ if($('lc5_0')) $('lc5_0').onclick(); return false; });
		
		// timeout!
		chatTimeout = setTimeout(showChat, 60000);
	}
	
	// peel!
	if(showPeel == true)
		jaaspeel.putObjects();
});

// Peel
var jaaspeel = new Object();
jaaspeel.ad_url = escape('http://www.allesoverbesparen.nl/column.html');

jaaspeel.small_path = 'http://www.allesoverbesparen.nl/img/peel/small.swf';
jaaspeel.small_image = escape('http://www.allesoverbesparen.nl/img/peel/small.jpg?'+Math.random());
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://www.allesoverbesparen.nl/img/peel/large.swf';
jaaspeel.big_image = escape('http://www.allesoverbesparen.nl/img/peel/large.jpg?'+Math.random());
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;


function sizeup987(){
	document.getElementById('jcornerBig').style.top = '0px';
	document.getElementById('jcornerSmall').style.top = '-1000px';
}

function sizedown987(){
	document.getElementById("jcornerSmall").style.top = "0px";
	document.getElementById("jcornerBig").style.top = "-1000px";
}

jaaspeel.putObjects = function () {
	var div = "";
	// <jcornerSmall>
	div += ('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');
	// object
	div += ('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
	div += (' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
	div += (' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
	// object params
	div += (' <param name="allowScriptAccess" value="always"/> ');
	div += (' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
	div += (' <param name="wmode" value="transparent" />');
	div += (' <param name="quality" value="high" /> ');
	div += (' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
	// embed
	div += ('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
	div += ('</object></div>');
	div += ('</script>');
	// </jcornerSmall>
	// <jcornerBig>
	div += ('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');
	// object
	div += ('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
	div += (' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
	div += (' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
	// object params
	div += (' <param name="allowScriptAccess" value="always"/> ');
	div += (' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
	div += (' <param name="wmode" value="transparent"/>');
	div += (' <param name="quality" value="high" /> ');
	div += (' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
	// embed
	div += ('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
	div += ('</object></div>');
	// </jcornerBig>

	$('peel').innerHTML = div;

	setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}



/* Chat */
function showChat(){
	if($('lc5_0') && $('lc5_0').innerHTML == "Chat met een bespaarcoach")
		new Effect.Tween($('chat'), ($('chat').getHeight()*-1), 0, { duration: 1.0}, function(p){ $('chat').style.top = p+'px'; });
}
function hideChat(){
	new Effect.Tween($('chat'), 0, ($('chat').getHeight()*-1), { duration: 1.0}, function(p){ $('chat').style.top = p+'px'; });
}


function activatePlaceholders() {
	var detect = navigator.userAgent.toLowerCase();
	if (detect.indexOf("safari") > 0) return false;
	var inputs = document.getElementsByTagName("input");
	for (var i=0;i<inputs.length;i++) {
		if (inputs[i].getAttribute("type") == "text") {
			if (inputs[i].getAttribute("placeholder") && inputs[i].getAttribute("placeholder").length > 0) {
				inputs[i].value = inputs[i].getAttribute("placeholder");
				inputs[i].onclick = function() {
					if (this.value == this.getAttribute("placeholder"))
						this.value = "";
					return false;
				}
				inputs[i].onblur = function() {
					if (this.value.length < 1)
						this.value = this.getAttribute("placeholder");
				}
			}
		}
	}
}


function showOverlay(content, width){
	if(!$('overlayBG')){
		var overlayBG = document.createElement('div');
		var overlayWrapper = document.createElement('div');
		var overlayContent = document.createElement('div');
		var overlayHead = document.createElement('div');
		
		overlayBG.id = 'overlayBG';
		overlayWrapper.id = 'overlayWrapper';
		overlayHead.id = 'overlayHead';
		overlayContent.id = 'overlayContent';
		overlayHead.innerHTML = '<a href="#" onclick="hideOverlay();return false"><img src="http://www.allesoverbesparen.nl/img/videoClose.png" alt="sluiten" width="35px" height="35px" /></a>';
		
		overlayWrapper.appendChild(overlayHead);
		overlayWrapper.appendChild(overlayContent);
		$(document.body).insert({'top':overlayWrapper});
		$(document.body).insert({'top':overlayBG});
	}
	$('overlayHead').style.width = width+'px';
	$('overlayContent').style.width = width+'px';
	$('overlayContent').appendChild($(content));
	$('overlayWrapper').show();
	$('overlayBG').show();
	return false;
}
function hideOverlay(){
	if($('overlayBG')){
		$('overlayWrapper').hide();
		$('overlayBG').hide();
		$('overlay').appendChild($('overlayContent').firstChild);
	}
}

function bookmark(){
	pageTracker._trackPageview("/bookmark/"+location.href.substring(7).replace(/\//g, '_'));
	var isMac=(navigator.userAgent.toLowerCase().indexOf('mac')!=-1);
	var buttonStr=isMac?'CMD':'CTRL';
	try {
		if(window.sidebar) { // firefox
			window.sidebar.addPanel(document.title, location.href,"");
		}else if(window.external) { // IE 
			window.external.AddFavorite(location.href, document.title);
		}else if(window.opera && window.print){ // opera
			var elem = document.createElement('a');
			elem.setAttribute('href',location.href);
			elem.setAttribute('title',document.title);
			elem.setAttribute('rel','sidebar');
			elem.click();
    	}else{
			alert('Druk op '+buttonStr+' + D om deze site als bookmark toe te voegen');
		}
	} catch(e){
		alert('Druk op '+buttonStr+' + D om deze site als bookmark toe te voegen');
	}
}


/*
Top [X]
*/
function toggleBespaarItem(element)
{
	var bespaarItem = element.id.split('_')[1];
	if($(element).value != '')
	{
		if($('top_'+bespaarItem))
			$('top_'+bespaarItem).className = 'formulier_top_selected';
		if($('content_'+bespaarItem))
			$('content_'+bespaarItem).className = 'formulier_content_selected';
		if($('bottom_'+bespaarItem))
			$('bottom_'+bespaarItem).className = 'formulier_bottom_selected';
	}
	else
	{
		if($('top_'+bespaarItem))
			$('top_'+bespaarItem).className = 'formulier_top';
		if($('content_'+bespaarItem))
			$('content_'+bespaarItem).className = 'formulier_content';
		if($('bottom_'+bespaarItem))
			$('bottom_'+bespaarItem).className = 'formulier_bottom';
	}
}

/*
Hybrid
*/
function toggleHybrid(el){
	var id = el.id.split('_')[1];
	if($('hybrid_'+id)){
		if(el.checked)
			$('hybrid_'+id).show();
		else
			$('hybrid_'+id).hide();
	}
}