var gwsBtop = new gwsBtop();

/* --------------------------------
	gwsBtop
-------------------------------- */

function gwsBtop() {
	this.getElementsByClassName = function(className, parent, tagName) {
		if(parent && typeof parent == 'string') parent = document.getElementById(parent);
		if(!parent) parent = document;
		if(!tagName) tagName = '*';
		var elems = [];
		var collection = parent.getElementsByTagName(tagName);
		if(tagName == '*' && !collection.length && parent.all) collection = parent.all;// Win IE 5.x
		var pattern = new RegExp('(^|\\s)' + className + '(\\s|$)');
		for(var i = 0, l = collection.length; i < l; i++) {
			if(collection[i].className.match(pattern)) elems.push(collection[i]);
		}
		return elems;
	}

	this.addEvent = function(elem, ev, func, capt) {
		if(elem.addEventListener) {// FF, SF, OP, NS
			elem.addEventListener(ev, func, capt);
			return true;
		} else if(elem.attachEvent) {// Win IE
			return elem.attachEvent('on' + ev, func);
		} else {// Mac IE
			var temp = elem['on' + ev];
			if(typeof elem['on' + ev] != 'function') {
				elem['on' + ev] = function(e) { func(e); }
			} else {
				elem['on' + ev] = function(e) {
					temp(e);
					func(e);
				}
			}
		}
	}
}


/* --------------------------------
	onLoad BG and Image
-------------------------------- */
var images_ary=new Array(
	'/products/images/top/bg_category_in_ov.gif',
	'/products/images/top/bg_category_in_bottom_ov.gif'
);

function preLoad(imgAry) {
	var imgMax=imgAry.length;
	var images=new Array(imgMax);
	for (var i=0; i<imgMax; i++) {
		images[i]=new Image();
		images[i].src=imgAry[i];
	}
}

/* --------------------------------
	Change BG and Image
-------------------------------- */

gwsBtop.addEvent(window, 'load', init, false);


var btop_cont_bg = 'proNameWrapIn';
var btop_cont_bg_btm = 'proNameWrap';
//var cat_title = 'proCategory';
var cat_thumb = 'proThumb';

function init(){
	//setEvent('cat_menu_05', '/products/industry/index.html');
	setEvent('cat_menu_07', '/products/communication/index.html');
	setEvent('cat_menu_08', '/products/public/index.html');
	setEvent('cat_menu_09', '/products/device/index.html');
	setEvent('cat_menu_11', '/products/transportation/index.html');
}

function setEvent(id, url){
	var obj = document.getElementById(id);
	gwsBtop.addEvent(obj, 'mouseover', wrapFunc(onMouseOver, id), false);
	gwsBtop.addEvent(obj, 'mouseout', wrapFunc(onMouseOut, id), false);
	gwsBtop.addEvent(obj, 'click', wrapFunc(onClick, url), false);
}

function onMouseOver(parentID){
	var elem = gwsBtop.getElementsByClassName(btop_cont_bg, parentID, 'div')[0];
	elem.style.backgroundImage = 'url(/products/images/top/bg_category_in_ov.gif)';
	elem.style.cursor = 'pointer';
	
	var elem = gwsBtop.getElementsByClassName(btop_cont_bg_btm, parentID, 'div')[0];
	elem.style.backgroundImage = 'url(/products/images/top/bg_category_in_bottom_ov.gif)';
	elem.style.cursor = 'pointer';
	
	var elem = gwsBtop.getElementsByClassName(cat_thumb, parentID, 'div')[0];
	elem.style.cursor = 'pointer';
	
	/*var elem = gwsBtop.getElementsByClassName(cat_title, parentID, 'div')[0];
	elem.style.color = '#e51b00';
	elem.style.cursor = 'pointer';
	
	var img = gwsBtop.getElementsByClassName(cat_thumb, parentID, 'img')[0];
	img.src.match(/(\.gif|\.jpg|\.png)$/);
	img.src = img.src.replace('_on' + RegExp.$1, RegExp.$1);
	
	img.src.match(/(\.gif|\.jpg|\.png)$/);
	img.src = img.src.replace(RegExp.$1, '_on' + RegExp.$1);*/
}

function onMouseOut(parentID){
	var elem = gwsBtop.getElementsByClassName(btop_cont_bg, parentID, 'div')[0];
	elem.style.backgroundImage = 'url(/products/images/top/bg_category_in.gif)';
	
	var elem = gwsBtop.getElementsByClassName(btop_cont_bg_btm, parentID, 'div')[0];
	elem.style.backgroundImage = 'url(/products/images/top/bg_category_in_bottom.gif)';
	
	/*var elem = gwsBtop.getElementsByClassName(cat_title, parentID, 'div')[0];
	elem.style.color = '#333333';
	
	var img = gwsBtop.getElementsByClassName(cat_thumb, parentID, 'img')[0];
	img.src.match(/(\.gif|\.jpg|\.png)$/);
	img.src = img.src.replace('_on' + RegExp.$1, RegExp.$1);*/
}

function onClick(url){
	location.href = url;
}

function wrapFunc(){
	var obj = arguments[0];
	var args = [];
	for(var i=1; i<arguments.length; i++){
		args.push(arguments[i]);
	}
	return function(){
		return obj.apply(this, args);
	}
}