/*
 * Designmuseum Microsite Header
 * Dependencies: jQuery (developed on v1.2.6, probably works with much older versions, too)
 * Version: 1.1
 * ChangeLog
 * v1.1
 * - moved files and images to the live server
 */
jQuery.noConflict();

function selectReplacement(obj) {
	obj.className += ' replaced';
	var ul = document.createElement('ul');
	ul.className = 'selectReplacement';
	var opts = obj.options;
	var selectedOpt = (!obj.selectedIndex) ? 0 : obj.selectedIndex;
	for (var i=0; i<opts.length; i++) {
		var li = document.createElement('li');
		var txt = document.createTextNode(opts[i].text);
		li.appendChild(txt);
		li.selIndex = i;
		li.selectID = obj.id;
		li.onclick = function() {
		  selectMe(this);
		};
		
		if (i == selectedOpt) {
		  li.className = 'selected';
		  li.onclick = function() {
		    this.parentNode.className += ' selectOpen';
		    this.onclick = function() {
		      selectMe(this);
		    };
		  };
		}
		if (i+1 == opts.length) {
			li.className = li.className + ' last';
		}
		if (window.attachEvent) {
		  li.onmouseover = function() {
		    this.className += ' hover';
		  };
		  li.onmouseout = function() {
		    this.className = 
		      this.className.replace(new RegExp(" hover\\b"), '');
		  };
		}
		ul.appendChild(li);
	}
	obj.onfocus = function() {
		ul.className += ' selectFocused';
	};
	obj.onblur = function() {
		ul.className = 'selectReplacement';
	};
	obj.onchange = function() {
		var idx = this.selectedIndex;
		selectMe(ul.childNodes[idx]);
	};
	obj.onkeypress = obj.onchange;
	obj.parentNode.insertBefore(ul,obj);
}
function selectMe(obj) {
	var lis = obj.parentNode.getElementsByTagName('li');
	for (var i=0; i<lis.length; i++) {
		if (lis[i] != obj) {
			lis[i].className='';
			if (i+1 == lis.length) {
				lis[i].className = 'last';
			}
			lis[i].onclick = function() {
			selectMe(this);
			};
		} else {
		  setVal(obj.selectID, obj.selIndex);
		  obj.className='selected';
		  obj.parentNode.className = 
		    obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
		  obj.onclick = function() {
		    obj.parentNode.className += ' selectOpen';
		    this.onclick = function() {
		      selectMe(this);
		    };
		  };
		}
	}
}

function setVal(objID,val) {
	var obj = document.getElementById(objID);
	obj.selectedIndex = val;
	if(jQuery(obj).val()!=''){
		document.location.href = jQuery(obj).val();
	}
}

function quicklinks(){
	if(jQuery('#quicklinks')){	
		jQuery('#design-museum-header-quicklinks-submit').parent().hide();
		var select = document.getElementById('quicklinks');
		select.onchange = function() {
			if(jQuery(select).val()!=''){
				document.location.href = jQuery(select).val();
			}
		};
		(document.all) ? null : selectReplacement(select);
	}
}
function searchtarget(){
	jQuery('#design-museum-header-search-dm').bind('click',function() {
		if(this.checked){
			jQuery('#design-museum-header-search').attr('action','http://www.designmuseum.org/search');
		}
	});
	jQuery('#design-museum-header-search-shop').bind('click',function() {
		if(this.checked){
			jQuery('#design-museum-header-search').attr('action','http://www.designmuseumshop.com/search');
		}
	});
}

jQuery(document).ready(function() {
	quicklinks();
	searchtarget();
});