var uagent = navigator.userAgent.toLowerCase();
var isGecko = uagent.match('gecko');
var isSafari = uagent.match('safari');
var isIE = uagent.match('msie') && !uagent.match('opera');

function createRequestObject() {
	var ro;

	try {
		var ro = new XMLHttpRequest();
	}
	catch (error) {
		try {
			var ro = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch (error) {
			try {
				var ro = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch(error) {
				return false;
			}
		}
	}
	return ro;
}

var http = createRequestObject();

function openWin(url) {
	var Win = window.open(url,"displayWindow",'width=730,height=700,resizable=1,scrollbars=yes,menubar=yes,status=yes');
}

function getElementsByClassName(classname, node) {
	if (!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++) {
		if(re.test(els[i].className)) a.push(els[i]);
	}
	return a;
}


var div = lastdiv = 0;


function showDiv(id) {
	if (!id) id = 100;
	if (div != 0) lastdiv = div;
	if (id == 100) {
		div = "Left";
		others = new Array('Center', 'Right');
	}
	if (id == 101) {
		div = "Center";
		others = new Array('Left', 'Right');
	}
	if (id == 102) {
		div = "Right";
		others = new Array('Left', 'Center');
	}


	if (div != 0) {
		if ((div != lastdiv)) {
			$('.visualDiv').animate({"width": "65px"}, {queue: true, easing: method1}, "slow");
			$('.visualImg').fadeOut("slow");

			$('#visual'+div).animate({"width": "362px"}, {queue: true, easing: method2}, "slow");
			$('#img'+div).fadeIn(2000);
		}
		else {
			for (i = 0; i < others.length; i++) {
				$('#visual'+others[i]).css({"width": "65px"});
				$('#visual'+div).css({"width": "362px"});
			}
		}
	}
}