var Qs = new Object();

Qs.addEventListener = function(elem, type, func, cap){
	if(!elem){return false;}
	if(!cap){
		cap = false;
	}
	if(elem.addEventListener){
		elem.addEventListener(type, func, false);
	}else if(elem.attachEvent){
		elem.attachEvent("on" + type, func);
	}else{
		return false;
	}
	return true;
};

Qs.removeEventListener = function(elem, type, func, cap){
	if(!elem){return false;}
	if(!cap){
		cap = false;
	}
	if(elem.removeEventListener){
		elem.removeEventListener(type, func, false);
	}else if(elem.detachEvent){
		elem.detachEvent("on" + type, func);
	}else{
		return false;
	}
	return true;
};

Qs.preventDefault = function(evt){
	if(evt && evt.preventDefault){
		evt.preventDefault();
		evt.currentTarget["on" + evt.type] = function(){return false};
	}else if(window.event){
		window.event.returnValue = false;
	}
};

Qs.stopPropagation = function(evt){
	if(evt && evt.stopPropagation){
		evt.stopPropagation();
	}else if(window.event){
		window.event.cancelBubble = true;
	}
};

Qs.target = function(evt){
	if(evt && evt.target){
		if(evt.target.nodeType == 3){
			return evt.target.parentNode;
		}else{
			return evt.target;
		}
	}else if(window.event && window.event.srcElement){
		return window.event.srcElement;
	}else{
		return null;
	}
};

Qs.browserCheck = function(){
	var ua = navigator.userAgent;
	var browser;
	
	if(ua.indexOf("IE 7") != -1){
		browser = "IE7";
	}else if(ua.indexOf("IE 6") != -1){
		if(document.compatMode == "BackCompat"){
			browser = "IE6i";
		}else{
			browser = "IE6";
		}
	}else if(ua.indexOf("Firefox") != -1){
		browser = "Ff";
	}else if(ua.indexOf("Netscape") != -1){
		browser = "Ns";
	}else if(ua.indexOf("Opera") != -1){
		browser = "Opera";
	}else if(ua.indexOf("Safari") != -1){
		browser = "Safari";
	}else{
		if(ua.indexOf("IE") != -1){
			browser = "IE";
		}else{
			browser = "unknown";
		}
	}
	return browser;
}	


Qs.getWindowSize = function(){
	var browser = Qs.browserCheck();	
	var obj = new Object();
	var wrap = document.getElementsByTagName("div").item(0);
	
	if(browser == "IE6"){
		obj.winwidth = document.documentElement.clientWidth;
	}else{
		obj.winwidth = document.body.offsetWidth;
	}
	if(wrap.offsetWidth >= obj.winwidth){
		obj.width = wrap.offsetWidth;
	}else{
		obj.width = obj.winwidth;
	}
	
	if(browser == "IE6" || browser == "IE7" || browser == "Ff" || browser == "Safari"){
		obj.winheight = document.documentElement.clientHeight;
	}else{
		obj.winheight = document.body.clientHeight;
	}
	if(browser == "Ns"){
		var documentHeight = document.documentElement.scrollHeight;
	}else{
		var documentHeight = wrap.offsetHeight;
	}
	if(browser == "IE6i" || browser == "Ns" || browser == "Opera"){
		var windowHeight = document.body.clientHeight;
	}else{
		var windowHeight = document.documentElement.clientHeight;
	}
	
	if(documentHeight < windowHeight){
		obj.height = windowHeight;
	}else{
		obj.height = documentHeight;
	}	
	return obj;
};

Qs.getElementAbsPos = function(elm){
	var obj = new Object();
	obj.x = elm.offsetLeft;
	obj.y = elm.offsetTop;
	while(elm.offsetParent){
		elm = elm.offsetParent;
		obj.x += elm.offsetLeft;
		obj.y += elm.offsetTop;
	}
	return obj;
}


var btns;
Qs.addEventListener(window, "load", setListeners);
function setListeners(){
	var menu = document.getElementById("menu");
	var images2 = menu.getElementsByTagName("img");
	for(var i=0; i<images2.length; i++){
		var image = images2[i];
		Qs.addEventListener(image, "mouseover", mouseOn);
		Qs.addEventListener(image, "mouseout", mouseOut);
		Qs.addEventListener(image, "mouseup", mouseOut);
	}
}

function mouseOn(e){
	var elem = Qs.target(e);
	if(elem.id){return false}
	var originalSrc = elem.src;
	var rolloverSrc = originalSrc.replace(".jpg", "_over.jpg");
	elem.src = rolloverSrc;
}

function mouseOut(e){
	var elem = Qs.target(e);
	if(elem.id){return false}
	var activeSrc = elem.src;
	var originalSrc = activeSrc.replace("_over.jpg", ".jpg");
	elem.src = originalSrc;
}