var isIE = (document.documentElement.getAttribute("style") == document.documentElement.style);
var commonPath = document.getElementsByTagName('head')[0].getElementsByTagName('script')[0].src.split('js/common.js')[0];
/*============================================================**
		Width Resize
**============================================================*/
var resizeElements = new Array('top','contents','siteInfo','topMenu','subMenu','topImage','siteInfoTop');
var resizeWidth = {
	'maxWidth'	: '1200',
	'minWidth'	: '1000',
	'autoWidth'	: '100%'
}
var imgLayout = '';
function widthResize(){
	var parentWidth=document.getElementsByTagName('body')[0].clientWidth;
	for(var i = 0, num=resizeElements.length; i < num; i++){
		if(document.getElementById(resizeElements[i])){
			if((parentWidth > resizeWidth.maxWidth) && (!document.getElementById('topMenu'))){
				document.getElementById(resizeElements[i]).style.width = resizeWidth.maxWidth + 'px';
			} else if(parentWidth < resizeWidth.minWidth){
				document.getElementById(resizeElements[i]).style.width = resizeWidth.minWidth + 'px';
			} else {
				document.getElementById(resizeElements[i]).style.width = resizeWidth.autoWidth;
			}
		}
	}
	if(document.getElementById('viewerM') && document.getElementById('photoImage')){
		var imageL = document.getElementById('photoImage').getElementsByTagName('img')[0];
		if(imageL.width > resizeWidth.minWidth){
			for(var j = 0, num=resizeElements.length; j < num; j++){
				var targetEle = document.getElementById(resizeElements[j]);
				if(targetEle){
					targetEle.style.width = imageL.width + 'px';
					targetEle.style.maxWidth = 'none';
				}
			}
		}
	}
}
function resizeEv(){
	if(document.getElementById('viewerL')){
		imgLayout = setTimeout("widthResizeL()",400);
	}else{
		imgLayout = setTimeout("widthResize()",400);
	}
}
function wResize(){
	resizeEv();
}
window.onresize = wResize;
function widthResizeL(){
	var imageWidth = 0;
	var imageLs = document.getElementById('photoImage').getElementsByTagName('img');
	for(var i = 0, num=imageLs.length; i < num; i++){
		var imageL = imageLs[i];
		if(imageL.width > imageWidth){
			imageWidth = imageL.width;
		}
	}
	if(imageWidth < resizeWidth.minWidth){
		widthResize();
	}else{
		for(var i = 0, num=resizeElements.length; i < num; i++){
			if(document.getElementById(resizeElements[i])){
				document.getElementById(resizeElements[i]).style.width = imageWidth + 'px';
			}
		}
	}
}
/*============================================================**
		win
**============================================================*/
var win = {
	newImgWin: function(linkUrl){
		if(window.opener && !window.opener.closed){
			window.opener.location.href = linkUrl;
			window.opener.focus();
		}else if(window.opener && window.opener.closed){
			window.name = 'newParentWin';
			var imgWin = window.open(linkUrl, "imgWin","toolbar=yes,scrollbars=yes,menubar=yes,location=yes,status=yes,directories=yes,resizable=yes");
			imgWin.focus();
		}else{
			var imgWin = window.open(linkUrl, "imgWin","toolbar=yes,scrollbars=yes,menubar=yes,location=yes,status=yes,directories=yes,resizable=yes");
			imgWin.focus();
		}
	},
	newOuterWin: function(linkUrl){
		if(window.opener && !window.opener.closed){
			window.opener.location.href = linkUrl;
			window.opener.focus();
		}else if(window.opener && window.opener.closed){
			window.name = 'newParentWin';
			var outerWin = window.open(linkUrl, "outerWin","toolbar=yes,scrollbars=yes,menubar=yes,location=yes,status=yes,directories=yes,resizable=yes");
			outerWin.focus();
		}else{
			var outerWin = window.open(linkUrl, "outerWin","toolbar=yes,scrollbars=yes,menubar=yes,location=yes,status=yes,directories=yes,resizable=yes");
			outerWin.focus();
		}
	},
	linkParent: function(linkUrl){
		if(window.opener && !window.opener.closed){
			window.opener.location.href = linkUrl;
			window.opener.focus();
		}else{
			var parentWin = window.open(linkUrl,"parentWin","toolbar=yes,scrollbars=yes,menubar=yes,location=yes,status=yes,directories=yes,resizable=yes");
			parentWin.focus();
		}
	}
}
/*============================================================**
		changeImg
**============================================================*/
var preloadImg = new Object();
var preNum = 0;
function btnOverEvent(){
	var images = document.getElementsByTagName('img');
	for(var i = 0,num = images.length;i < num; i++){
		var img = images[i];
		var imgSrc = img.src;
		if(imgSrc.indexOf('_f.') > -1 && img.parentNode.href){
			var newImgSrc = imgSrc.split('_f.')[0] + '_h.' + imgSrc.split('_f.')[1];
			preloadImg[preNum] = new Image();
			preloadImg[preNum].src = newImgSrc;
			var funcOnImg = 'changeImg(this,\'' + newImgSrc + '\')\;return false\;';
			var funcOutImg = 'changeImg(this,\'' + imgSrc + '\')\;return false\;';
			setEvent(img.parentNode,'onmouseover',funcOnImg);
			setEvent(img.parentNode,'onmouseout',funcOutImg);
			preNum++
		}
	}
}
function changeImg(eventAnchor,imgSrc){
	eventAnchor.getElementsByTagName('img')[0].src = imgSrc;
}
/*============================================================**
		jump
**============================================================*/
var jump = {
	draw: function(c){
		var opts = '';
		for(var i = 0; i < this.urls.length; i++){
			var u = this.urls[i];
			var num = i + 1;
			/*
			if(num < 10){
				num = '00' + num;
			}else if(num < 100){
				num = '0' + num;
			}
			*/
			if((i+1) == c){
				var opt = '<option value="' + u + '" selected="selected">' + num + '</option>';
			}else{
				var opt = '<option value="' + u + '">' + num + '</option>';
			}
			opts += opt;
		}
		var select_menu = '<select id="jump" name="jump">' + opts + '</select>';
		document.write(select_menu + '/' + this.urls.length + ' <input type="button" value="ˆÚ“®" onclick="jump.action(this);" />');
	},
	urls: [],
	action: function(ele){
		var jump_menu = ele.parentNode.getElementsByTagName('select')[0];
		window.location.href = jump_menu.value;
	}
}
/*============================================================**
		close
**============================================================*/
var close_win = {
	draw: function(){
		document.write('<a href="#" onclick="close_win.action();return false;"><img src="' + commonPath + 'images/btn_v_close_f.gif" width="81" height="33" alt="•Â‚¶‚é" /></a>');
	},
	action: function(){
		window.close();
	}
}
/*============================================================**
		etc
**============================================================*/
var footNote = {
	init: {
		targetEle: 'body',
		outX: 15,
		outY: 15,
		boxWidth: 300,
		style: '<style type="text/css">#body .footNote{display:none;}</style>'
	},
	set: function(){
		var body = document.getElementById(this.init.targetEle);
		var a_num = 1;
		var dl_num = 1;
		if(body){
			var divs = body.getElementsByTagName('div');
			var func1 = 'footNote.floating(this,event,1);';
			var func2 = 'footNote.floating(this,event,0);';
			for(var i = 0; i < divs.length; i++){
				var div = divs[i];
				if(div.className == 'text'){
					var as = div.getElementsByTagName('*');
					for(var j = 0; j < as.length; j++){
						var a = as[j];
						if(a.className == 'fn'){
							setEvent(a,'onmouseover',func1);
							setEvent(a,'onmouseout',func2);
							a.id = 'floating' + a_num;
							a_num++;
						}
					}
				}else if(div.className == 'footNotes'){
					var dls = div.getElementsByTagName('dl');
					for(var j = 0; j < dls.length; j++){
						var dl = dls[j];
						dl.id = 'd_floating' +  dl_num;
						dl_num++;
					}
				}
			}
		}
	},
	floating: function(a,e,s){
		var d = document.getElementById('d_' + a.id);
		var view = document.getElementById('contents').clientWidth;
		d.className = 'floating';
		//get mouse position
		var mouse_X = Event.pointerX(e);
		var mouse_Y = Event.pointerY(e);
		if((mouse_X + this.init.outX + this.init.boxWidth) > view){
			d.style.left = (mouse_X + 50 - this.init.boxWidth) + 'px';
		}else{
			d.style.left = this.init.outX + mouse_X + 'px';
		}
		d.style.top = this.init.outY + mouse_Y + 'px';
		if(s == 1){
				d.style.display = 'block';
		}else if(s == 0){
			d.style.display = 'none';
		}
	},
	set_style: function(){
		document.write(this.init.style);
	}
}
/*============================================================**
		crawl
**============================================================*/
var crawl = {
	init: {
		targetClass: 'newImgWin,newOuterWin,linkParent'
	},
	start: function(){
		var as = document.getElementsByTagName('a');
		var targets = this.init.targetClass.split(',');
		for(var i = 0; i < as.length; i++){
			var a = as[i];
			for(var j = 0; j < targets.length; j++){
				if(a.className == targets[j]){
					setEvent(a,'onclick','win.' + targets[j] + '(this.href);return false;');
				}
			}
		}
	}
}
var browser = {
	check: function(){
		var ua = navigator.userAgent;
		if(
			(ua.match('MSIE 5')) ||
			(ua.match('MSIE 4'))
		){
			this.valid = false;
		}
	},
	valid: true
}
browser.check();
/*============================================================**
		writeFlash
**============================================================*/
var writeFlash = function(path,w,h,alt){
	var obj = ''
	if(isIE){
		obj = '' +
				'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="' + w + '" height="' + h + '">' +
				'<param name="movie" value="' + path + '" />' +
				'<param name="quality" value="high" />' +
				'<param name="bgcolor" value="#ffffff" />' + alt +
				'</object>';
	}else{
		obj = '' +
				'<object data="' + path + '" width="' + w + '" height="' + h + '" type="application/x-shockwave-flash">' +
				'<param name="movie" value="' + path + '" />' + alt +
				'</object>';
	}
	document.write(obj);
}
/*============================================================**
		etc
**============================================================*/
function setEvent(obj,eventType,func){
	if(isIE) {
		obj.setAttribute(eventType,new Function(func));
	} else {
		obj.setAttribute(eventType,func);
	}
}
if(browser.valid){
	footNote.set_style();
	document.write('<scr' + 'ipt src="' + commonPath + 'js/prototype.js" type="text/javascript"></script>');
}
window.onload = function(){
	btnOverEvent();
	if(browser.valid){
		footNote.set();
		crawl.start();
	}
}