function addListener (obj, type, listener) {
	if (obj.addEventListener) {
		obj.addEventListener(type,listener,false);
	} else {
		if (obj.attachEvent) {
			obj.attachEvent('on'+type, listener);
		}
	}
}

function getParentByClass(obj,cls) {
	var element=obj;
	var reg = new RegExp("(^|\\s)"+cls+"(\\s|$)");
	while (element!=document.body) {
		if (reg.test(element.className)) return element
		else element = element.parentNode;
	}
	return false;
}

function getElementsByClass(obj,cls,tag) {
	var result=[];
	var reg = new RegExp("(^|\\s)"+cls+"(\\s|$)");
	var elements = (obj||document).getElementsByTagName(tag||"*");
	for (var i=0, len = elements.length; i<len; i++) {
		if (reg.test(elements[i].className)) result.push(elements[i]);
	}
	return result;
}

addListener(window,"load",SYpopupInit);
function SYpopupInit() {
	var parents = getElementsByClass(document,"SYpopupInfoIdent","li");
	for (var i=0,len=parents.length;i<len;i++) {
		var keys = getElementsByClass(parents[i],"SYpopupKey");
		var keys2 = getElementsByClass(parents[i],"key");
		for (var j=0,leng=keys.length;j<leng;j++) {
			addListener(keys[j],"click",SYpopupWindow);
			addListener(keys2[j],"click",SYpopupWindow);
		}
	}
}

function SYpopupWindow(evt) {
	var target=(window.event)?window.event.srcElement:evt.target;
	var title = (target.alt&&target.alt!='')?target.alt:'ÔÀÁÐÈÊÀ ÎÊÎÍ';
	var element=getParentByClass(target,"SYpopupInfoIdent");
	var child = getElementsByClass(element,"SYpopupInfo");
	if (child.length!=0) {
		viewImage(child[0].innerHTML,title);	
	}
}

function viewImage(text,title)
{
	popupWindowTitle = title;
	popupWindowText = text;	
	var win = window.open('/aboutwindow.html','','width=600,height=600,toolbar=no,status=no,scrollbars=yes,menubar=no, left=100, top=100');  
	win.focus();
}