window.onload = function(){
	facetmodal.init();
}

function clearInput(field){
	var valueArray = ["Enter e-mail address of recipient", "Enter your e-mail address", "Customize the e-mail with your own comments"];
	var id = field.id;
	var value = field.value;
	if(field.value){
		switch(id){
			case "emailTo":
				if (value == valueArray[0]) { field.value = ""; }
				break;
			case "emailFrom":
				if (value == valueArray[1]) { field.value = ""; }
				break;
			case "emailMessage":
				if (value == valueArray[2]) { field.value = ""; }
				break;
		}
	}else{
		switch(id) {
			case "emailTo":
				if (value == "") { field.value = valueArray[0]; }
				break;
			case "emailFrom":
				if (value == "") { field.value = valueArray[1]; }
				break;
			case "emailMessage":
				if (value == "") { field.value = valueArray[2]; }
				break;
		}
	}
}

/* Utility */
function addClass(elem, class_name){
    if(!hasClass(elem, class_name)) {
        elem.className += " " + class_name;
    }
}

function removeClass(elem, class_name){
    if(hasClass(elem, class_name)) {
        var regEx = new RegExp("\\b"+class_name+"\\b","g");
        elem.className = elem.className.replace(regEx, "");
    }
}
function hasClass(elem, class_name) {
    var regEx = new RegExp("\\b"+class_name+"\\b");
    var m = elem.className.match(regEx);
    return (m && m.length>0)?true:false;
} 

/* search pages */
var facetmodal = {
	modals:{},
	init:function(){
		var elms = document.getElementsByTagName("*");
		for(var i = 0; i<elms.length; i++) {
			if(hasClass(elms[i],"facetmodal")) {
				var classes = elms[i].className.split(' ');
				for(var j = 0; j<classes.length; j++) {
					if(classes[j] && classes[j]!='facetmodal' && !hasClass(elms[i],'modal')) {
						facetmodal.modals[classes[j]] = elms[i];
						facetmodal.modalfy(elms[i],classes[j]);
					}	
				}
			}
		}
	},
	modalfy:function(o,key){
		var header = o.getElementsByTagName('div')[0];
		var closefunc = function(){facetmodal.hide(key);}

		if(header){
			var div = document.createElement('div');
			div.className = "close";
			var a = document.createElement('a');
			a.href = "javascript:void(0);";
			a.onclick = closefunc;
			a.className = "closeButton";
			var img = document.createElement('img');
			img.src = "/static/images/facet_model_close_btn.gif";
			img.alt = "X";
			img.className = "Xbtn";
			a.appendChild(img);
			div.appendChild(a);
			header.appendChild(div)
		};
        var close = document.createElement('div');
        close.className = "closebtn";
		var closebutton = document.createElement('a');
		closebutton.href = "javascript:void(0);";
		closebutton.onclick = closefunc;
		closebutton.innerHTML = "Close";
		closebutton.className = "closebutton";
		close.appendChild(closebutton);
        o.appendChild(close);

		/* get it where nothing will float on top of it */
		o.style.visibility = "hidden";
		o.style.display = "block";
		var toppx = o.offsetTop;
		//document.getElementById("outer_wrapper").appendChild(o);
		o.style.display = "none";
		o.style.visibility = "visible";
		o.style.top = toppx+'px';
		addClass(o,"modal");	
	},
	hide:function(key){
		var m = facetmodal.modals[key];
		if(m) m.style.display='none';
	},
	show:function(key){
		var m = facetmodal.modals[key];
		if(m) m.style.display='block';
	}
}

function register(){
	var url = 'https://meetings.idealliance.org/eseries/source/members/cmemberinsert.cfm?section=unknown&activesection=signup';
	window.open(url, 'register');
}