var isIE = (document.documentElement.getAttribute("style") == document.documentElement.style);
var commonPath = document.getElementsByTagName('head')[0].getElementsByTagName('script')[0].src.split('js/top.js')[0];
/*============================================================**
        Width Resize
**============================================================*/
var resizeElements = new Array('mainInfo','subInfo');
var resizeWidth = {
    'maxWidth'    : '100%',
    'minWidth'    : '900',
    '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';
            }
        }
    }
}
/*============================================================**
        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;
}
var area = {
	preload: {
		imgs: new Object(),
		sources: [
			commonPath + 'images/img_top_01_h.gif',
			commonPath + 'images/img_top_02_h.gif',
			commonPath + 'images/img_top_03_h.gif'
		],
		loadImg: function(){
			var num = 0;
			for(var i = 0; i < area.preload.sources.length; i++){
				area.preload.imgs[num] = new Image();
				area.preload.imgs[num].src = area.preload.sources[i];
				num++;
			}
		}
	},
	change: function(t){
		var img = document.getElementById(t);
		var imgSrc = img.src;
		if(imgSrc.indexOf('_f.') > -1){
	    	var newImgSrc = imgSrc.split('_f.').join('_h.');
			img.src = newImgSrc;
		}else if(imgSrc.indexOf('_h.') > -1){
	    	var newImgSrc = imgSrc.split('_h.').join('_f.');
			img.src = newImgSrc;
		}
	}
}
var preloadArea = area.preload.loadImg;
var changeArea = area.change;
/*============================================================**
        etc
**============================================================*/
function setEvent(obj,eventType,func){
    if(isIE) {
        obj.setAttribute(eventType,new Function(func));
    } else {
        obj.setAttribute(eventType,func);
    }
}
window.onload = function(){
    btnOverEvent();
    preloadArea();
}