var mouseX, mouseY;
function getMousePos(e){
	if (!e)	var e = window.event || window.Event;
	if('undefined'!=typeof e.pageX){
		Xpos = e.pageX;
		Ypos = e.pageY;
	} else {
		if(document.documentElement.scrollTop){
			Xpos = e.clientX + document.documentElement.scrollLeft;
			Ypos = e.clientY + document.documentElement.scrollTop;			
		} else {
			Xpos = e.clientX + document.body.scrollLeft;
			Ypos = e.clientY + document.body.scrollTop;
		}	}	testheight = Number.NaN;
	if (document.getElementById) {
		var checkbubble = document.getElementById("MImage");
		if (checkbubble && typeof checkbubble.offsetHeight != 'undefined') {
			testheight = checkbubble.offsetHeight;
		} }	Xpos += 5;	Ypos -= (testheight/2)+5;
	var browserName=navigator.appName;
	if (browserName == "Microsoft Internet Explorer") {
		//document.getElementById("Bubble_left").style.height = (testheight-28)/2;
		//document.getElementById("Bubble_left_2").style.height = (testheight-28);
	} else {
		//document.getElementById("Bubble_left").style.height = (testheight-28)/2-1;
		//document.getElementById("Bubble_left_2").style.height = (testheight-28)-1;
	}
	if(document.getElementById("ProdBubble").style.visibility == 'visible'){
		document.getElementById("ProdBubble").style.top = Ypos+"px";
		document.getElementById("ProdBubble").style.left = Xpos+"px";
	} else {
		document.getElementById("ProdBubble").style.top = "0px";
		document.getElementById("ProdBubble").style.left = "0px";
	} }

if(window.Event && document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = getMousePos;
function popBubble(image,imagename){
	document.getElementById("ProdBubble").style.visibility = 'visible';
	if(image != "none"){
		document.getElementById("MImage").innerHTML = '<img src="/images/attributes/'+image+'" height="70" width="70">'+imagename;
		document.getElementById("ProBubbleLeft").height = "85";
		document.getElementById("ProBubbleRight").height = "85";
		document.getElementById("MImage").style.height = "90";
	} else {
		document.getElementById("MImage").innerHTML = imagename;
		document.getElementById("ProBubbleLeft").height = "30";
		document.getElementById("ProBubbleRight").height = "30";
		document.getElementById("MImage").style.height = "30px";
	} }
function hideBubble(){
	document.getElementById("ProdBubble").style.visibility = 'hidden';
}
function swatch_click(swatch_id,field_id,id){ n = 1;
	while(document.getElementById("swatch_"+field_id+"_"+n)){
		var Swatch = document.getElementById("swatch_"+field_id+"_"+n);
		if(Swatch.id == swatch_id){ Swatch.className = "Swatchborder";
			document.getElementById("spec_"+field_id).value = id;
		} else Swatch.className = "Swatchnoborder";
		n++;
	} }