var compareCk 	= 'autolifeCompare';
var compareLen 	= 5;
var disabledWhenBusy = Array('slcMerk','slcModel','buttonbtnStartSearch');
var selectedMerkId = 0;
var selectedModelId = 0;
var selectedProvId = 0;
var selectedCityId = 0;
disableElements = function() {
	if(disabledWhenBusy.length>0) {
		for(x=0;x<disabledWhenBusy.length;x++) {
			if ($(disabledWhenBusy[x])) {
				$(disabledWhenBusy[x]).setProperty('disabled', 'true');
			}
		}
	}
}
enableElements = function() {
	if(disabledWhenBusy.length>0) {
		for(x=0;x<disabledWhenBusy.length;x++) {
			if ($(disabledWhenBusy[x])) {
				$(disabledWhenBusy[x]).removeProperty('disabled');
			}
		}
	}
}


getModels = function() {

	var merkID = parseInt($('slcMerk').getValue());
	if(isNaN(merkID) || typeof(merkID)=='undefined') {
		merkID = 0;
	}
	$$('select#slcModel option').each( function(el) {
		if(el.getProperty('value')>0) { el.remove(); }
	});
	if(merkID>0) {
		disableElements();
		new Ajax('/ajax/getModels.php?mid='+merkID,{method:'get',onComplete: function(r,t) {
			putModels(r,t);
		}, onFailure: function() {
			enableElements();
		}}).request();;
	}
}
putModels = function(r,x) {
	var models = x.getElementsByTagName('model');
	


	if(models.length>0) {
		for(i=0;i<models.length;i++) {
			var id;
			var name;
			if (models[i].getElementsByTagName('id')) {
				id = parseInt(models[i].getElementsByTagName('id').item(0).firstChild.data);
				if(isNaN(id)||typeof(id)=='undefined') { id = 0; }
			} else { id = 0; }
			if (models[i].getElementsByTagName('name')) {
				name = models[i].getElementsByTagName('name').item(0).firstChild.data;
				if(typeof(name)=='undefined') { name = ''; }
			} else { name = ''; }
			
			if(id!=0&&name!='') {
				var nEl = new Element('option',{value:id}).setHTML(name).injectInside('slcModel');
				if(id==selectedModelId) {
					nEl.setProperty('selected','true');
				}
			}
			delete(nEl);
		}
	}
	enableElements();
}










getModels2 = function() {
	var merkID = parseInt($('slcMerk2').getValue());
	if(isNaN(merkID) || typeof(merkID)=='undefined') {
		merkID = 0;
	}
	$$('select#slcModel2 option').each( function(el) {
		if(el.getProperty('value')>0) { el.remove(); }
	});
	if(merkID>0) {
		disableElements();
		new Ajax('/ajax/getModels2.php?mid='+merkID,{method:'get',onComplete: function(r,t) {
			putModels2(r,t);
		}, onFailure: function() {
			enableElements();
		}}).request();;
	}
}
putModels2 = function(r,x) {
	var models = x.getElementsByTagName('model');
	if(models.length>0) {
		for(i=0;i<models.length;i++) {
			var id;
			var name;
			if (models[i].getElementsByTagName('id')) {
				id = parseInt(models[i].getElementsByTagName('id').item(0).firstChild.data);
				if(isNaN(id)||typeof(id)=='undefined') { id = 0; }
			} else { id = 0; }
			if (models[i].getElementsByTagName('name')) {
				name = models[i].getElementsByTagName('name').item(0).firstChild.data;
				if(typeof(name)=='undefined') { name = ''; }
			} else { name = ''; }
			
			if(id!=0&&name!='') {
				var nEl = new Element('option',{value:id}).setHTML(name).injectInside('slcModel2');
				if(id==selectedModelId) {
					nEl.setProperty('selected','true');
				}
			}
			delete(nEl);
		}
	}
	enableElements();
}









camelCase = function(inp) { 
	var s = inp.toLowerCase();
	var firstLetter = s.substr(0,1).toUpperCase();
	return firstLetter+s.substr(1,s.length);
};
initButtons = function() {
	$$('.buttonOrange').each( function(el) {
		genOrangeButton(el);
	});
	$$('.buttonBlue').each( function(el) {
		genBlueButton(el);
	});
}
genOrangeButton = function(el) { genButton(el, 'orange'); }
genBlueButton = function(el) { genButton(el, 'blue');}
genButton = function(el, col) {
	var container = new Element('div').addClass('buttonContainer').injectAfter(el);
	new Element('div').addClass('buttonLeft'+camelCase(col)).addClass('buttonLeft').injectInside(container);
	var center = new Element('div').injectInside(container).addClass('buttonCenter');
	var btnclone =	el.clone();
	container.setProperty('id', el.getProperty('id'));
	el.remove();
	btnclone.setProperty('id','button'+el.getProperty('id'));
	btnclone.injectInside(center);
	new Element('div').addClass('buttonRight'+camelCase(col)).addClass('buttonRight').injectInside(container);
}






window.addEvent('domready', function() {
	initButtons();
	if($('slcMerk')) {
		$('slcMerk').addEvents({change: function(){
			getModels();
		}});
	}
});



window.addEvent('domready', function() {
	initButtons();
	if($('slcMerk2')) {
		$('slcMerk2').addEvents({change: function(){
			getModels2();
		}});
	}
});









fixBorderHeight = function(el,background){
	if(typeof(background)=='undefined') { background = true; }
	if(typeof(background)=='undefined') { background = true; }
	if(background) { classAdd = '_3'; } else { classAdd = '';}
	var pos = el.getCoordinates();
	var prHeight = pos.height;
	if (prHeight < 50) {
		prHeight = 50;
	}
	var container = el.getParent('.divBorderContainer');
	var upLeft = container.getElement('.divUpLeft'+classAdd);
	var upRight = container.getElement('.divUpRight'+classAdd);
	var downLeft = container.getElement('.divDownLeft'+classAdd);
	var downRight = container.getElement('.divDownRight'+classAdd);
	
	if (downLeft != null) {
		var setHeight = prHeight - downLeft.getCoordinates().height;
		
		upLeft.setStyle('height', setHeight);
		upRight.setStyle('height', setHeight);
		container.setStyle('height', prHeight);
	}
	
	//alert(setHeight);
}
	
borderMeUp = function(el,background) {
	el.addClass('divBorderContent');
	var pos = el.getCoordinates();
	//var widthLeft = Math.round(pos.width / 2);
	var widthLeft = Math.round(pos.width * 0.95);
	var widthRight = pos.width - widthLeft;
	if(widthRight < 12) {
		widthRight = 12;
		widthLeft = pos.width - 12;
	}
	//var heightUp = Math.round(pos.height / 2);
	var prHeight = pos.height;
	if(prHeight<50) {
		prHeight = 50;
	}
	var heightUp = Math.round(prHeight * 0.95);
	var heightDown = prHeight - heightUp;
	if(heightDown < 12) {
		heightDown = 12;
		heightUp = prHeight - 12;
	}
	
	if(typeof(background)=='undefined') { background = true; }
	if(background) { classAdd = '_3'; } else { classAdd = '';}
	var container = new Element('div').addClass('divBorderContainer').setStyles({height:prHeight+'px'}).injectBefore(el);
	new Element('div').addClass('divUpLeft'+classAdd).setStyles({width:widthLeft+'px',height:heightUp+'px'}).injectInside(container);
	new Element('div').addClass('divUpRight'+classAdd).setStyles({width:widthRight+'px',height:heightUp+'px'}).injectInside(container);
	new Element('div').addClass('divDownLeft'+classAdd).setStyles({width:widthLeft+'px',height:heightDown+'px'}).injectInside(container);
	new Element('div').addClass('divDownRight'+classAdd).setStyles({width:widthRight+'px',height:heightDown+'px'}).injectInside(container);
	el.injectInside(container);	
}
headerMeUp = function(el,col) {
	var pos = el.getCoordinates();
	var container = new Element('div').addClass('headerContainer').injectBefore(el);
	new Element('div').addClass('headerLeftCorner'+camelCase(col)).injectInside(container);
	var center = new Element('div').addClass('headerCenter').injectInside(container);
	center.setStyles({width:(pos.width-30)+'px'});
	new Element('div').addClass('headerRightCorner'+camelCase(col)).injectInside(container);
	el.injectInside(center);
}
initNav = function() {
	var nav = $('navigation');
	nav.getElements('li').each( function(el) {
		var obj = el.getElements('ul');
		if(obj.length>0) {
			el.addEvents({
				mouseenter: function(){
					this.addClass('hover');
				},
				mouseleave: function(){
					this.removeClass('hover');
				}
			});
		}
	});
}
window.addEvent('load', function() {
	$$('.borderMe').each( function(el) {
		borderMeUp(el,(el.hasClass('noback')?false:true));
	});
});

window.addEvent('domready', function() {
	$$('.orangeHeader').each( function(el) {
		headerMeUp(el,'orange');
	});
	$$('input[type=radio]').each( function(el) {
		el.setStyle('border','none');
	});
	$$('input[type=checkbox]').each( function(el) {
		el.setStyle('border','none');
	});
	$$('input[type=hidden]').each( function(el) {
		el.setStyles({display:'none', visibility:'hidden'});
	});
	if($('btnParticulier')) {
		$('btnParticulier').addEvents({click: function() {
			document.location = 'http://www.gebruikteauto.nl/controlpanel/bezoeker/account/toevoegen.php';
		}});
	}
	if($('btnBezoeker')) {
		$('btnBezoeker').addEvents({click: function() {
			document.location = '/controlpanel/bezoeker/account/toevoegen.php';
		}});
	}
	if($('btnZoekopdracht')) {
		$('btnZoekopdracht').addEvents({click: function() {
			document.location = '/controlpanel/zoekopdracht/aanmelden.php';
		}});
	}
	if($('btnBedrijven')) {
		$('btnBedrijven').addEvents({click: function() {
			document.location = '/controlpanel/bedrijf/account/toevoegen.php';
		}});
	}
	if($('btnBanner')) {
		$('btnBanner').addEvents({click: function() {
			//document.location = 'http://www.gebruikteauto.nl/pagina.php?id=2';
			document.location = 'http://www.gebruikteauto.nl/controlpanel/bedrijf/account/toevoegen.php';
		}});		
	}
	initNav();
});
addToFavorites = function() {
	window.external.AddFavorite('http://www.gebruikteauto.nl','GebruikteAuto.NL - De autosite van Nederland');
}
addCarToFavorites = function(id,title) {
	window.external.AddFavorite('http://dev7.topsite.nl/details.php?aid='+id,'GebruikteAuto.NL - '+title);
}
setStartPage = function() {
	//document.setHomePage('http://www.gebruikteauto.nl');
}
changeShowPic = function(src) {	
	var obj = $('showroomBig');
	obj.setProperty('src', src);	
}
xmlValue = function(x,v) {
	var returnval = '';
	if(x.getElementsByTagName(v)) {
		var obj = x.getElementsByTagName(v);
		if(obj.item(0)) {
			if(obj.item(0).firstChild) {
				if(obj.item(0).firstChild.data) {
					returnval = obj.item(0).firstChild.data;
				}
			}
		}
	}
	return returnval;
}
xmlProperty = function(x,p) {
	var returnval = '';
	if (x) {
		if (x.getAttribute(p)) {
			returnval = x.getAttribute(p);
		}
	} else {
		returnval = false;
	}
	return returnval;
}
xmlTree = function(x,v) {
	var returnobject;
	if(x.getElementsByTagName(v)) {
		returnobject = x.getElementsByTagName(v).item(0);
	} else {
		returnobject = false;
	}
	return returnobject;
}
preSelectBox = function(i,v) {
	$(i).getElements('option').each( function(el) {
		if(el.getProperty('value')==v) {
			el.setProperty('selected','true');
		} else {
			el.removeProperty('selected');
		}
	});	
}
removeLoader = function() {
	if($('loadContent')) {
		new Fx.Style('loadContent','opacity',{duration:500, onComplete: function() {
			$('loadContent').remove();	
		}}).start(1,0);
		
	}
	if($('loaderDiv')) {
		new Fx.Style('loaderDiv','opacity',{duration:500, onComplete: function() {
			$('loaderDiv').remove();	
		}}).start(0.7,0);
	}
}
putLoader = function(msg) {
	if(typeof(msg)=='undefined') {
		msg = 'Ogenblik geduld a.u.b.';
	}
	var win = window.getSize();
	var opacity = new Element('div',{id:'loaderDiv'}).setStyles({
		'background-color':'#fff',
		width:win.size.x+'px',
		height:win.size.y+'px',
		position:'absolute',
		top:window.getScrollTop()+'px',
		left:'0px',
		'z-index':'150000',
		opacity:0
	}).injectBefore($('website'));
	
	var content = new Element('div',{id:'loadContent'}).setStyles({
		width:win.size.x+'px',
		height:win.size.y+'px',
		position:'absolute',
		top:window.getScrollTop()+'px',
		left:'0px',
		'z-index':'150000'
	}).injectAfter($('loaderDiv'));
	
	var table = new Element('table',{id:'loaderTable'}).setStyles({
		width:'100%',
		height:'100%'
	}).injectInside(content);
	
	var tbody = new Element('tbody').injectInside(table);
	var tr = new Element('tr').injectInside(tbody);
	var contenttd = new Element('td').setStyles({
		'vertical-align':'middle',
		'text-align':'center'
	}).injectInside(tr);

	var nTable = new Element('table').setStyles({
		margin:'0px auto 0px auto',
		'background-color':'#fff',
		border:'2px solid #ff9900',
		padding:'5px'
	}).injectInside(contenttd);
	var nTbody = new Element('tbody').injectInside(nTable);
	var nTr = new Element('tr').injectInside(nTbody);
	var imgTd = new Element('td').injectInside(nTr);
	var txtTd = new Element('td').injectInside(nTr);
	var img = new Element('img',{src:'/img/gif/ajax-loader.gif'}).setStyles({
		padding:'5px'
	}).injectInside(imgTd);
	new Element('p').setHTML('Uw gegevens worden verwerkt.<br/>Een ogenblik geduld AUB...').setStyles({
		/*'font-style':'italic',*/
		'font-variant':'small-caps'
	}).injectInside(txtTd);
	new Fx.Style('loaderDiv','opacity',{duration:500}).start(0,0.7);
}
resetLoader = function() {
	if($('loaderDiv') && $('loadContent')) {
		var win = window.getSize();
		$('loaderDiv').setStyles({
			width:win.size.x+'px',
			height:win.size.y+'px',
			top:window.getScrollTop()+'px'
		});
		$('loadContent').setStyles({
			width:win.size.x+'px',
			height:win.size.y+'px',
			top:window.getScrollTop()+'px'
		});
	}
}
window.addEvents({scroll: function() {
	resetLoader();
},resize: function() {
	resetLoader();
}});