//ͼƬԭʼ³ß´ç²é¿´ edited by Lim 2008-09-02

var wa = new Array();
var ha = new Array();

window.onload=function(){
    fResizeImg(580, 580, 'textMain');
}

		
function getElementsByClassName(strClass, strTag, objContElm) {
  strTag = strTag || "*";
  objContElm = objContElm || document;
  var objColl = objContElm.getElementsByTagName(strTag);
  if (!objColl.length &&  strTag == "*" &&  objContElm.all) objColl = objContElm.all;
  var arr = new Array();
  var delim = strClass.indexOf('|') != -1  ? '|' : ' ';
  var arrClass = strClass.split(delim);
  for (var i = 0, j = objColl.length; i < j; i++) {
    var arrObjClass = objColl[i].className.split(' ');
    if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
    var c = 0;
    comparisonLoop:
    for (var k = 0, l = arrObjClass.length; k < l; k++) {
      for (var m = 0, n = arrClass.length; m < n; m++) {
        if (arrClass[m] == arrObjClass[k]) c++;
        if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
          arr.push(objColl[i]);
          break comparisonLoop;
        }
      }
    }
  }
  return arr;
}
function PictureShowUp(i,l,t){
		var ii = i.substr(5,i.length);
		var cont = document.getElementById('textMain');
		var picbtn = getElementsByClassName('csson','span',cont)
		// alert();
		//alert(ii);
		//picbtn[ii].style.left = l + 10;
		//picbtn[ii].style.top = t + 10;
		picbtn[ii].style.display = "block";
		picbtn[ii].onmouseover = function(){ this.style.display = "block"}
		picbtn[ii].onclick = function(){  FullSize(ii) }
}
			
function PictureShowDown(i){
	var ii = i.substr(5,i.length);
	var cont = document.getElementById('textMain');
	var picbtn = getElementsByClassName('csson','span',cont)
	picbtn[ii].style.display = "none"
}
			
function FullSize(imgid){
	//alert(imgid);
	document.getElementById("dialog").style.display = document.getElementById("mask").style.display = "";
	obj=document.getElementById('textMain').getElementsByTagName('img');
	imgsrc = obj[imgid].src;
	document.getElementById("dialog").innerHTML = "<img src="+imgsrc+" title='Click to close'><br><span><i>MMOSite Forum</i> </span>";
	document.getElementById("dialog").style.width = wa[imgid] + "px";
	document.getElementById("mask").style.width = wa[imgid] + 28 + "px"
	
	//alert(h[imgid]);
	document.getElementById("dialog").style.height = ha[imgid] + "px";
	document.getElementById("mask").style.height = ha[imgid] + 52 + "px";
	
	document.getElementById("mask").style.marginLeft = -wa[imgid]/2- 14 + "px"
	document.getElementById("dialog").style.marginLeft = -wa[imgid]/2  + "px"
	//alert(mask.style.marginLeft);
	
	document.getElementById("mask").style.top = document.documentElement.scrollTop + 92 + "px"
	document.getElementById("dialog").style.top = document.documentElement.scrollTop + 103 + "px"
	
		document.getElementById('dialog').onclick = function(){
			document.getElementById('dialog').style.display = "none"
			document.getElementById('mask').style.display = "none"
		}

}
			
		
function fResizeImg(w, h, id){
	var img='';
	var obj;
	var mask = document.getElementById('mask');
	var dialog = document.getElementById('dialog');
	var cont = document.getElementById('textMain');
	var picbtn = getElementsByClassName('csson','span',cont)

	
	if(id==undefined)obj=document.images;
	else obj=document.getElementById(id).getElementsByTagName('img');
	for(var i=0; i<obj.length; i++){
		img=obj[i];
		img.id = "imgid" + i;
		p=picbtn[i];
		//alert(obj[i].offsetLeft);
		
		//w1 = img.width;
		//alert(w1+"266");
		
		wa[i] = img.width;
		ha[i] = img.height;
		//alert(wa[i]);
		//alert(ha[i]);

	var o_o = document.createElement( "span" );
	var span = document.createElement( "span" );
			var a = document.createElement( "a" );
			o_o.style.position = "relative";
			span.className = "csson";
			span.style.display = "none";
			span.style.position = "absolute";
			span.style.top = "10px";
			span.style.left = "10px";
			a.innerHTML = "Full size";
			span.appendChild( a );
			o_o.appendChild( span );
			
			if(img.parentNode.nodeName == "A"){
				img.parentNode.parentNode.insertBefore( o_o,img.parentNode );
				//img.parentNode.parentNode.appendChild( span );	
			}else{
				img.parentNode.insertBefore( o_o,img );
				//img.parentNode.appendChild( span );	
			}
		
		
		if(img.width>w && (img.height<img.width)){
			img.height=img.height-(img.height/(img.width/(img.width-w)))
			img.width=w;

		
						
				img.onmouseover = function(){ 
				PictureShowUp(this.id,this.offsetLeft,this.offsetTop); 
				}
				
				img.onmouseout = function(){
				PictureShowDown(this.id); 
				}
		}else if(img.width>w &&img.height>h && (img.height>img.width)){
			img.width=w
			img.height=img.height-(img.height/(img.width/(img.width-w)))
			
			
			img.onmouseover = function(){ 
				PictureShowUp(this.id,this.offsetLeft,this.offsetTop); 
				}
				
				img.onmouseout = function(){
				PictureShowDown(this.id); 
				}
		}

        

		
		

	} // shawl.qiu script
}