/**
 * @author frank
 */

var setFocus = function(){
	if ($$('.focus')) {
		$$('.focus').each(function(el){
			el.addEvents({
				'focus': function(){
					if (el.get('value') == el.get('alt')) el.set('value', '');
				},
				'blur': function(){
					if (el.get('value') == '') el.set('value', el.get('alt'));
				}
			});
			if (el.get('value') == '') el.set('value', el.get('alt'));
		});
	}
}

initNavigation = function(){
	var websiteWidth = $('website').getSize().x;
	
	$$('ul#navigatie li.menu').each(function(el){
		if(el.getElements('ul').length > 0){		
			var subMenu = el.getElement('ul.subMenu');
			
			var width = subMenu.getSize().x;
			subMenu.store('width', width);
	
			subMenu.setStyles({
				'width': width +'px',
				'visibility': 'hidden',
				'position': 'absolute',
				'opacity': 0,
				'background-position': '-'+ el.getCoordinates($('header')).left +'px'
			});
			
			var fx = new Fx.Morph(subMenu, {
				duration: 500,
				transition: Fx.Transitions.Sine.easeOut
			});
					
			//el.getFirst('a').addEvent('click', function(ev){ ev.stop(); });
						
			el.addEvents({
				'mouseenter': function(ev){
					subMenu.setStyle('visibility', 'visible');
					fx.cancel();
					fx.start({'opacity': [0, 1]});
					el.getElement('a').addClass('selected');
				},
				'mouseleave': function(ev){
					fx.cancel();
					el.getElements('ul.subMenu').setStyles({
						'visibility': 'hidden',
						'opacity': 0
					});
					el.getElement('a').removeClass('selected');
				}
			});
			
			subMenu.getElements('li').each(function(li){
				if(li.hasClass('model')){
					var show = li.getElement('div');
				}else if(li.getElement('ul.subMenu2')){
					var show = li.getElement('ul.subMenu2');
				}
				
				if(show){
					var fx = new Fx.Morph(show, {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});
					
					li.addEvents({
						'mouseenter': function(){
							show.setStyles({
								'opacity': 0,
								'display': 'block',
								'left': li.getSize().x
							});
							fx.cancel();
							fx.start({'opacity': [0, 1]});
						},
						'mouseleave': function(){
							show.setStyles({
								'display': 'none'
							});
						}
					});
				}
			});
			
			/*
			if (el.getElements('ul.subMenu li.model')) {
				el.getElements('ul.subMenu li.model').each(function(model){
					var fx = new Fx.Morph(model.getElement('div'), {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});
					
					model.addEvents({
						'mouseenter': function(){
							model.getElement('div').setStyles({
								'opacity': 0,
								'display': 'block',
								'left': model.getSize().x
							});
							fx.cancel();
							fx.start({'opacity': [0, 1]});
						},
						'mouseleave': function(){
							model.getElement('div').setStyles({
								'display': 'none'
							});
						}
					});
				});
			}else if(el.getElements('ul.subMenu li ul.subMenu2')) {
				el.getElements('ul.subMenu li').each(function(model){
					var fx = new Fx.Morph(model.getElement('div'), {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});
					
					model.addEvents({
						'mouseenter': function(){
							model.setStyles({
								'opacity': 0,
								'display': 'block',
								'left': model.getSize().x
							});
							fx.cancel();
							fx.start({'opacity': [0, 1]});
						},
						'mouseleave': function(){
							model.setStyles({
								'display': 'none'
							});
						}
					});
				});
			}
			*/
		}
	});
}

function createBox(){
	if ($$('.mb').length > 0) {
		var initMultiBox = new multiBox({
			mbClass: '.mb',//class you need to add links that you want to trigger multiBox with (remember and update CSS files)
			container: $(document.body),//where to inject multiBox
			descClassName: false,//the class name of the description divs
			path: './Files/',//path to mp3 and flv players
			useOverlay: false,//use a semi-transparent background. default: false;
			maxSize: {
				w: 600,
				h: 400
			},//max dimensions (width,height) - set to null to disable resizing
			addDownload: false,//do you want the files to be downloadable?
			pathToDownloadScript: './Scripts/ForceDownload.asp',//if above is true, specify path to download script (classicASP and ASP.NET versions included)
			addRollover: false,//add rollover fade to each multibox link
			addOverlayIcon: false,//adds overlay icons to images within multibox links
			addChain: false,//cycle through all images fading them out then in
			recalcTop: false,//subtract the height of controls panel from top position
			addTips: false//adds MooTools built in 'Tips' class to each element (see: http://mootools.net/docs/Plugins/Tips)
		});
	}
}

var favorieten = function(){
	var url 	="http://www.wust.nl"
	var titel	="Auto Wüst Mercedes Benz";
	
	if (document.all){
      	window.external.AddFavorite(url, titel);
   	}else if (window.sidebar){
      	window.sidebar.addPanel(titel, url, "");
   	}
}

window.addEvent('domready', function(){
	setFocus();
	initNavigation();
	createBox();
	
	if ($$('img.slide').length > 0) {
		new slideshow({
			'images': 'div#bedrijfspresentatie img.slide',
			'timer':  4000
		});
	}
});