var ss_1;
var ss_2;
var ss_3;
var sTotLen = 12;

function popUp(link , width , height){
	window.open(link, 'venster', 'width=' + width + ',height=' + height + ',scrollbars=yes,toolbar=no,location=no,status=no,resize=no');
}

function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
	window.onload = func;
	} else {
    window.onload = function() {
		oldonload();
		func();
		}
	}
}

function clearLists(links) {
	for ( var i=0; i < links.length; i++) {
		links[i].className = "";
		sTotLen
		if(links[i].innerHTML.length > sTotLen)
			links[i].className = "long"; 
		else
			links[i].className = ""; 
		}
}

function returnClass(linkItem) {
	sLength = linkItem.innerHTML.length;
	if(sLength > sTotLen)
		return className = "selected long";
	else
		return className = "selected";
}

function prepareGallery1() {

		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById('config1')) return false;
		
		var gallery = document.getElementById('config1');
		var frmElem1 = document.getElementById('ss_1');
		var links = gallery.getElementsByTagName("a");
		var lists = gallery.getElementsByTagName("li");	
	
		
		for ( var i=0; i < links.length; i++) {
			links[i].onclick = function() {
			clearLists(links);	
			this.className = returnClass(this);			
			frmElem1.value = this.id;
			return false;
			}
		}	
}

function prepareGallery2() {
		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById('config2')) return false;
		
		var gallery = document.getElementById('config2');
		var frmElem2 = document.getElementById('ss_2');
		var links = gallery.getElementsByTagName("a");
		var lists = gallery.getElementsByTagName("li");	

		
		for ( var i=0; i < links.length; i++) {
			links[i].onclick = function() {
			clearLists(links);	
			this.className = returnClass(this);
			frmElem2.value = this.id;
			return false;
			}
		}	
}

function prepareGallery3() {
		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById('config3')) return false;
		
		var gallery = document.getElementById('config3');
		var frmElem3 = document.getElementById('ss_3');
		var links = gallery.getElementsByTagName("a");
		var lists = gallery.getElementsByTagName("li");	

		
		for ( var i=0; i < links.length; i++) {
			links[i].onclick = function() {
			clearLists(links);	
			this.className = returnClass(this);
			frmElem3.value = this.id;
			return false;
			}
		}	
}

function validateForm() {
		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById('btn-config')) return false;
		var btnConfig = document.getElementById('btn-config');		
		
		//var txt_ss_1 = document.getElementById('ss_1');		
		var txt_ss_2 = document.getElementById('ss_2');		
		//var txt_ss_3 = document.getElementById('ss_3');
		
		btnConfig.onclick = function() {
			if(txt_ss_2.value == ""){
				alert("vul a.u.b. alle velden in");
				return false;
			} else {
				 //document.configform.submit();
				 return true;
			}
		}
}

function closePopup() {

		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById('close')) return false;
		
		var closeBtn = document.getElementById('close');
		closeBtn.onclick = function() {
			window.close();
		}
}

function activatePopup() {

		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById('btn-ingrdnt')) return false;
		
		var openBtnIngrdnt = document.getElementById('btn-ingrdnt');
		openBtnIngrdnt.onclick = function() {
			popUp(openBtnIngrdnt.href,450,600);
			return false;
		}
		
		var openBtnDrctn = document.getElementById('btn-drctn');
		openBtnDrctn.onclick = function() {
			popUp(openBtnDrctn.href,450,600);
			return false;
		}
		
		try{
			var openBtnMovieW = document.getElementById('btn-moview');
			openBtnMovieW.onclick = function() {
				popUp(openBtnMovieW.href,350,400);
				return false;
			}
		}catch(e){}
}

addLoadEvent(activatePopup);
addLoadEvent(closePopup);
addLoadEvent(prepareGallery1);
addLoadEvent(prepareGallery2);
addLoadEvent(prepareGallery3);
addLoadEvent(validateForm);