Element.implement({ flash: function(to,from,reps,prop,dur) {
    
    //defaults
    if(!reps) { reps = 1; }
    if(!prop) { prop = 'background-color'; }
    if(!dur) { dur = 250; }
    
    //create effect
    var effect = new Fx.Tween(this, {
        duration: dur,
        link: 'chain'
      })
    
    //do it!
    for(x = 1; x <= reps; x++)
    {
      effect.start(prop,from,to).start(prop,to,from);
    }
    
    
    
  }
});



function makedragger(item){var myDrag=new Drag.Move(item,{droppables:$$('.shop3RegisterItem'),snap:20,onDrop:function(element,droppable){if(!droppable){}else{var droppableRank=droppable.getProperty('rel');var fotonummer=element.getProperty('id');var image=element.getElement('img');var fotourl=image.getProperty('src');droppable.setStyle('background','url('+fotourl+') no-repeat');var clone=element.clone(true,true);clone.setStyles({'top':'0','left':'0'});element.dispose();if(contents[droppableRank-1]!=false){var regenerated=contents[droppableRank-1].injectInside($('shop3Container'));makedragger(regenerated)}contents[droppableRank-1]=clone;inputs[droppableRank-1].setProperty('value',fotonummer)}},onSnap:function(el){},onComplete:function(el){}})}function themecolorhighlight(item){var hilightColour=item.getProperty('rel');var prevColour=item.getStyle('background-color');item.addEvent('mouseenter',function(){item.tween('background-color',hilightColour)});item.addEvent('mouseleave',function(){item.tween('background-color',prevColour)})}function setHours(nmbr){if(nmbr<10){nmbr='0'+nmbrOfHours}else{nmbr+=''}digits=nmbrOfHours.split('');hourUp1.setProperty('src',url+'up/left/'+digits[0]+'.png');hourDown1.setProperty('src',url+'down/left/'+digits[0]+'.png');hourUp2.setProperty('src',url+'up/right/'+digits[1]+'.png');hourDown2.setProperty('src',url+'down/right/'+digits[1]+'.png')}function tuneNmbr(nmbr){if(nmbr<10){nmbr='0'+nmbr}else{nmbr+=''}digits=nmbr.split('');return digits}

function animateMenuBtn(item){originalPos = 38;newPos = originalPos-15;item.set('tween', {duration: '300'});item.addEvent('mouseover', function(){item.tween('top', newPos+"px");});item.addEvent('mouseleave', function(){item.tween('top', originalPos+"px"); });}

function fadeInOut(trigger, item){trigger.addEvent('mouseover', function(){item.fade('in');});trigger.addEvent('mouseleave', function(){item.fade('out'); });}



function smoothMouseOver(el){
		el.set('tween', {duration: '500'});
		el.oldfontcolor = el.getStyle('color');
	  	
		el.addEvents({
		'mouseover' : function(event){
		  		el.tween('color', '#ed478c');
		  	
		  },
		  
		'mouseleave' : function(event){
		  		el.tween('color', el.oldfontcolor);
		  }		
		});
}






/* *************************************************************************************** */
/* *************************************************************************************** */
/* *************************************************************************************** */
/* *************************************************************************************** */
/* *************************************************************************************** */
/* *************************************************************************************** */


function resizeFrame(){
	
	var okH = document.getSize().y;
	var okW = document.getSize().x;
	
	//window.alert(document.getSize().x+" x "+document.getSize().y)
	$('frame').setStyles({'height':	okH+'px', 'width': okW+'px'});
}



function resizeHead(){
	// var head = $('head');
// 	var newLeft = Math.round(document.getSize().x*0.7);
// 	//window.alert(newLeft);
// 	head.setStyle('left', newLeft+"px");
}



function launchNavigator(){
	

}










var timer;
window.addEvent('resize', function(){
  $clear(timer);
  timer = (function(){
    resizeFrame();
    resizeHead();
  }).delay(100);
});






window.addEvent('domready', function() {
	
	
	$('jsmessage').dispose();
	
	
	
	
	if($('frame')){
		resizeFrame();
		resizeHead();
		
		
		
		
		//var menuLinks = $('menu').getElements('a');
		//menuLinks.each(function(item, index){smoothMouseOver(item)});
		
		
		
		
		var scroll = new Fx.Scroll('frame', {
			link: 'cancel',
			duration: 2500,
			offset: {'x': -200, 'y': -60}, // some padding
			transition: Fx.Transitions.Quad.easeInOut,
			onComplete: function(){
					//save scroll position in cookie
            		var framescroll = $('frame').getScroll();
					document.cookie = 'posX=' + framescroll.x;
					document.cookie = 'posY=' + framescroll.y;
       			 }

		});
		
		
			var myDragScroller = new Drag('frame', {
  			  style: false,
    			invert: true,
  			  modifiers: {x: 'scrollLeft', y: 'scrollTop'}
			});
		
		
		
		//set scroll position if a cookie with scrollposition was set	
		var cookieX = Cookie.read('posX');
		var cookieY = Cookie.read('posY');
		if(cookieX){
			$('frame').scrollTo(cookieX, cookieY);
		}
		
		
		
		
		
		//activate menu buttons
		$$('a[href^="#"]').addEvent('click', function() {
			var target = document.getElement(this.get('href'));
			tstring = target.toString();
			if (target && tstring.indexOf('#item')){ 
					scroll.toElement(target);
				}
				return false;
			
		});
	
	
		
		
		
	
		//navigator buttons
		var left = $('left');
		var up = $('up');
		var right = $('right');
		var down = $('down');
		var frame2 = $('frame');
		var movex = Math.round(document.getSize().x*0.6);
		var movey = Math.round(document.getSize().y*0.6);
	
		left.addEvent('click', function(){
				var currentXpos = frame2.getScroll().x;
				var currentYpos = frame2.getScroll().y;
				//window.alert(currentXpos);
				scroll.start(currentXpos-movex, currentYpos);
		});
		
		right.addEvent('click', function(){
				var currentXpos = frame2.getScroll().x;
				var currentYpos = frame2.getScroll().y;
				//window.alert(currentXpos);
				scroll.start(currentXpos+movex, currentYpos);
		});
		
		up.addEvent('click', function(){
				var currentXpos = frame2.getScroll().x;
				var currentYpos = frame2.getScroll().y;
				//window.alert(currentXpos);
				scroll.start(currentXpos, currentYpos-movey);
		});
		
		down.addEvent('click', function(){
				var currentXpos = frame2.getScroll().x;
				var currentYpos = frame2.getScroll().y;
				//window.alert(currentXpos);
				scroll.start(currentXpos, currentYpos+movey);
		});
	
	

	}
	
	
	if($$('.mb')){
		var initMultiBox = new multiBox({mbClass: '.mb',container: $(document.body),descClassName: 'multiBoxDesc',useOverlay: true,maxSize: {w:800, h:1400},addDownload: false,pathToDownloadScript: 'multiBox/Scripts/forceDownload.asp',addRollover: false,addOverlayIcon: false,addChain: true,recalcTop: true,addTips: false,autoOpen: 0}); 
	}

	if($$('.mbx')){
		var initMultiBox = new multiBox({mbClass: '.mbx',container: $(document.body),descClassName: 'multiBoxDesc',useOverlay: true,maxSize: {w:800, h:1400},addDownload: false,pathToDownloadScript: 'multiBox/Scripts/forceDownload.asp',addRollover: false,addOverlayIcon: false,addChain: true,recalcTop: true,addTips: false,autoOpen: 0}); 
	}



	
	if($$('.genericBtn')){
		
		$$('.genericBtn').each(function(item,key){
		
			var btn = item;//.each()(function(item,key){
			btn.set('tween', {duration: '300'});
			var origColour = btn.getStyle('background-color');
			var textColour = btn.getStyle('color');
			btn.addEvent('mouseenter',function(){btn.tween('background-color','#0099CC');/*btn.tween('color','#FFF');*/});
			btn.addEvent('mouseleave',function(){btn.tween('background-color',origColour);/*btn.tween('color',textColour);*/});
		});
	}
	
	



//var slideshowpictures = $$('.frontpageSlideShow');
//var data = new Array();

//var data = { '1.jpg': { caption: '1' }, '2.jpg': { caption: '2' }, '3.jpg': { caption: '3' }, '4.jpg': { caption: '4' }};

//new Slideshow('overlap', data, { captions: { delay: 1000 }, delay: 3000, height: 300, hu: 'content/frontpage/', width: 860 });
//new Slideshow.KenBurns('overlap', data, { captions: false/*{ delay: 2000 }*/, controller: false, delay: 3000, height: 200, hu: 'serge/voorpagina/', width: 650 });


	

 
});