var images = new Array('katbild1', 'katbild2', 'katbild3', 'katbild4');
var currentImage = 0;

var images2 = new Array('katbild-1', 'katbild-2', 'katbild-3', 'katbild-4');
var currentImage2 = 0;


window.addEvent('domready', domready);
function domready() {
	init_nav();   


		images.each(function(el, i) {
			if($(el)) {
				$(el).setStyles({
					'opacity': 0,
					'display': 'block'
				});
			}
		});

		new Fx.Morph($(images[currentImage]), {
			duration: 1000
		}).start({
			opacity: 1
		});
		setInterval("catImages()", 3000);
	

		images2.each(function(el, i) {
			if($(el)) {
				$(el).setStyles({
					'opacity': 0,
					'display': 'block'
				});
			}
		});

		new Fx.Morph($(images2[currentImage2]), {
			duration: 1000
		}).start({
			opacity: 1
		});
		setInterval("catImages2()", 3000);
	

	
	var cookiename = "thingswedon'tneed";

	var togglers = $$('.toggler');
	togglers.each(function(el, i) {
		el.id = 'toggler' + i;
	});

	var start = Cookie.read(cookiename);
	if(start == "" || start == undefined) {
		start = 0;
	}
	else {
		start = start.replace('toggler', '');
	}

	var url = document.location.href;
	var selected_acc_element = -1;
	if(url.indexOf('?id=') > -1) {
		var split_url = url.split('?id=');
		var selected_acc_element_id = split_url[1];
		$$('.service_offerings').each(function(el, i) {
			if('acc_' + selected_acc_element_id == el.id) {
				selected_acc_element = i;
			}
		});
	}

	var accordion = new Accordion('.toggler', '.element', {opacity: false,
		display: selected_acc_element,
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('background','#004562 url' + zms_common + '/images/pfeil_top.gif) right no-repeat');
			toggler.setStyle('color','#fff');
			//Cookie.write(cookiename, toggler.id, {duration: 0});
		},
		onBackground: function(toggler, element){
			toggler.setStyle('background','#535353 url(' + zms_common + '/images/pfeil_bottom.gif) right no-repeat');
			toggler.setStyle('color','#fff');
		}
	}, $('accordion_overview'));		
}

function catImages() {
	// fade out old image
	new Fx.Morph($(images[currentImage]), {
		duration: 1000
	}).start({
		opacity: 0
	});

	currentImage++;
	if(currentImage >= images.length) {
		currentImage = 0;
	}

	// fade in new image
	new Fx.Morph($(images[currentImage]), {
		duration: 1000
	}).start({
		opacity: 1
	});
} 

function catImages2() {
	// fade out old image
	new Fx.Morph($(images2[currentImage2]), {
		duration: 1000
	}).start({
		opacity: 0
	});

	currentImage2++;
	if(currentImage2 >= images2.length) {
		currentImage2 = 0;
	}

	// fade in new image
	new Fx.Morph($(images2[currentImage2]), {
		duration: 1000
	}).start({
		opacity: 1
	});
} 
/*--- BO NAV ---*/
	// To edit these settings, simply delete the entries you want to have ignored by the script;
	// Important: The last entry must not end with a comma (because of IE6)!
	var defaultSettings = {
		height: 0,
//		width: 0,
		opacity: 0,
		padding: 0
	};
	var navImagesNormal = new Array();
	var navImagesHover = new Array();
	function init_nav() {
		var nav = document.getElementById('nav');
		var lis = nav.getElementsByTagName('li');
		for(var i = 0; i < lis.length; i++) {
			if(lis[i].parentNode.id == 'nav') {
				lis[i].number = i;
				lis[i].ul = $(lis[i]).getElement('ul');
				if(lis[i].ul) {
					lis[i].ulHeight = lis[i].ul.getHeight();
					lis[i].ulWidth = lis[i].ul.getWidth();
					lis[i].ulPadding = lis[i].ul.getStyle('padding');
					lis[i].ul.setStyles({ height: lis[i].ulHeight, width: lis[i].ulWidth }); // bug fix for IE6
					lis[i].ul.setStyles($H({
						display: 'none',
						overflow: 'hidden',
						visibility: 'visible'
					}).combine(defaultSettings));
					lis[i].fx = new Fx.Morph(lis[i].ul, {
						duration: 500,
						wait: false,
						transition: 'quad:in:out'
					});
					lis[i].fx.onComplete = function() {
						if(this.element.getHeight()  < this.element.getParent().ulHeight || 
							this.element.getWidth()  < this.element.getParent().ulWidth) {
							this.element.setStyle('display', 'none');
						}
					}
				}
				lis[i].addEvent('mouseenter', function() {
					this.addClass('hover');
					if(this.ul) {
						this.fx.start({
							display: 'block',
							height: this.ulHeight,
							width: this.ulWidth,
							opacity: 1,
							padding: this.ulPadding
						});
					}
					var img = this.getElement('img');
					if(img && navImagesHover[this.number])
						img.src = navImagesHover[this.number];
					hideSelects();
				});
				lis[i].addEvent('mouseleave', function() {
					this.removeClass('hover');
					if(this.ul) {
						this.fx.start(defaultSettings);
					}
					var img = this.getElement('img');
					if(img && navImagesNormal[this.number])
						img.src = navImagesNormal[this.number];
					showSelects();
				});
				var img = lis[i].getElement('img');
				if(img && img.onmouseover) {
					navImagesNormal[i] = img.src;
					img.onmouseover();
					navImagesHover[i] = img.src;
					img.onmouseout();
					img.onmouseover = function() {};
					img.onmouseout = function() {};
				}
			}
		}
	}

	function hideSelects() {
		if(Browser.Engine.trident && navigator.userAgent.indexOf('MSIE 6') > -1) {
			$$('select').each(function(el, i) {
				el.setStyle('display', 'none');
			});
		}
	}

	function showSelects() {
		if(Browser.Engine.trident && navigator.userAgent.indexOf('MSIE 6') > -1) {
			$$('select').each(function(el, i) {
				el.setStyle('display', 'block');
			});
		}
	}
/*--- EO NAV ---*/


function colorforms(element) {
        element.style.border="1px solid #004562";
	if (!element.onblur){
		element.onblur = function (event) { element.style.border="1px solid #535353"; }
        }
}

function getAdr(prefix, postfix, text) {
        document.write('<a href="mailto:' + prefix + '@' + postfix + '">' + (text ? text.replace(/&quot;/g, '"').replace(/%EMAIL%/, prefix + '@' + postfix) : prefix + '@' + postfix) + '</a>');
}

function swapImage(element, newimage) {
	var oldsrc = element.src
	element.src = newimage
	if (!element.onmouseout)
		element.onmouseout = function (event) { swapImage(this, oldsrc); };
}


// deletes leading and trailing spaces in a string - adds the function directly to the String Object, so that all strings inherit this method
String.prototype.trim = function() {
    return this.replace(/(^\s*)|(\s*$)/g, '');
}

//checkEmail - needed for forms
function checkEmail(val) {
	if (val) {
		var usr = "([a-zA-Z0-9][a-zA-Z0-9_.-]*|\"([^\\\\\x80-\xff\015\012\"]|\\\\[^\x80-\xff])+\")";
		var domain = "([a-zA-Z0-9][a-zA-Z0-9._-]*\\.)*[a-zA-Z0-9][a-zA-Z0-9._-]*\\.[a-zA-Z]{2,5}";
		var regex = "^"+usr+"\@"+domain+"$";
		var myrxp = new RegExp(regex);
		var check = (myrxp.test(val));
		if (check!=true) {
			return false;
		}
		else {
			return true;
		}
	}
}

/*
validates formfields if they have a value or not
to check for other options do the following
specialfields = new Object();
specialfields.fieldname = new Object();
specialfields.fieldname.check1 = 'function_to_call,error_message';
specialfields.fieldname.check2 = 'second_function_to_call,second_error_message';
specialfields.another_fieldname = new Object();
specialfields.another_fieldname.check1 = 'function_to_call,error_message';
*/
function validateForm(form,specialfields) {
	var errors = new Array();
	var fields = form.getElementsByTagName('label');
	for (i = 0; i < fields.length; i++) {
		var span = fields[i].getElementsByTagName('span')[0];
		if (span && span.firstChild) {
			var label = span.firstChild.data;
			label = label.trim();
			// if there is a '*' in the label - this indicates the inputfield has to be filled
			if (label.charAt(label.length - 1) == '*') {
				label = label.substring(0, label.length - 1).trim();
				// get the inputfield
				var obj_input = fields[i].getElementsByTagName('input');
				if (!obj_input[0])
					obj_input = fields[i].getElementsByTagName('select');
				if (!obj_input[0])
					obj_input = fields[i].getElementsByTagName('textarea');

				// if there is an inputfield
				if (obj_input && obj_input[0]) {
					input = obj_input[0];
					error = false;
					
					// check if the inputfield has a value
					if (!input.value || input.value.trim().length==0) {
						error = true;
						errors.push(label + ' nicht eingegeben');
					}
					
					// check the inputfield for special things (email, ...)
					if (!error && specialfields[input.name]){
						specialfield = specialfields[input.name];
						for (check in specialfield){
							check_function = specialfield[check].split(',')[0];
							check_message = specialfield[check].split(',')[1];
							if (!eval(check_function)(input.value)){
								error = true;
								errors.push(label + ' ' + check_message);
							}
						}
					}

					// on error give the label the className 'error' otherwise delete the className 'error' (if exists)
					if (error) {
						className = fields[i].className;
						if (className.length>0){
							className = className + ' ';
						}
						fields[i].className = className + 'error';
					} else {
			            	className = fields[i].className;
						if (className.indexOf('error')>-1){
								className = className.replace(' error', '');
								className = className.replace('error', '');
								fields[i].className = className;
						}
					}
				}
			}
		}
	}

	return errors;
}


function showFormErrors (errors) {
	error_message = '';
	for (i=0;i<errors.length;i++){
		error_message += errors[i] + '\n';
	}
	alert(error_message);
}


function popup(url, typ, para1, width, height) {
	attrib = "";
	Y = (screen.height - width) / 2;
	X = (screen.width - height) / 2;
	X = Math.round(X);
	Y = Math.round(Y);
	if (para1 == 'CENTER') attrib += 'height=' + height + ',width=' + width + ',top=' + Y + ',left=' + X;
	if (typ == 'TYP1') attrib += ",scrollbars=no";
	if (typ == 'TYP2') attrib += ",scrollbars=yes";
	if (typ == 'TYP3') attrib += ",scrollbars=yes,menubar=yes";
	fenster = window.open(url, 'win', attrib);
	return false;
}