window.onload = function(){
SameH();
bodyload();
correctPNG();
}
function SameH()
{
    var a=document.getElementById("MainLeft");
    var b=document.getElementById("MainRight");
	
    if (a.scrollHeight < b.scrollHeight)
    {
		
        b.style.height=(a.scrollHeight+50)+"px";
		document.getElementById("yyfg").style.height=(b.scrollHeight+30)+"px";
		document.getElementById("Main").style.height=(b.scrollHeight-50)+"px";
		document.getElementById("MainLeft").style.height=(b.scrollHeight-50)+"px";
		document.getElementById("Main").style.backgroundColor="#FFFFFF";
		a.style.backgroundColor="#F8F4E9";
    }
    if(a.scrollHeight > b.scrollHeight)
    {
		//alert(a.scrollHeight);
		
        b.style.height=(a.scrollHeight+50)+"px";
		
		
		if(a.scrollHeight > b.scrollHeight){
		document.getElementById("Main").style.height=(a.scrollHeight)+"px";
		document.getElementById("yyfg").style.height=(a.scrollHeight+50)+"px";
		}
		else
		{
			document.getElementById("Main").style.height=(b.scrollHeight-50)+"px";
			document.getElementById("yyfg").style.height=(b.scrollHeight)+"px";
			}
		
		document.getElementById("MainLeft").style.height=(b.scrollHeight-50)+"px";
		
		document.getElementById("Main").style.backgroundColor="#FFFFFF";
		a.style.backgroundColor="#F8F4E9";
		//alert(a.scrollHeight);
		//alert(b.scrollHeight);
		
    }
}




// JavaScript Document
//°´±ÈÀýËõ·ÅÍ¼Æ¬
function DrawImage(ImgD,FitWidth,FitHeight) 
{ 
var image=new Image(); 
image.src=ImgD.src; 
if(image.width>0 && image.height>0) 
{ 
if(image.width/image.height>= FitWidth/FitHeight) 
{ 
if(image.width>FitWidth) 
{ 
ImgD.width=FitWidth; 
ImgD.height=(image.height*FitWidth)/image.width; 
} 
else 
{ 
ImgD.width=image.width; 
ImgD.height=image.height; 
} 
} 
else 
{ 
if(image.height>FitHeight) 
{ 
ImgD.height=FitHeight; 
ImgD.width=(image.width*FitHeight)/image.height; 
} 
else 
{ 
ImgD.width=image.width; 
ImgD.height=image.height; 
} 
} 
} 
} 



/*PNGÍ¼Æ¬Í¸Ã÷*/
function correctPNG()
{
  for(var i=0; i<document.images.length; i++)
  {
   var img = document.images[i]
   var imgName = img.src.toUpperCase()
   if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
   {
   var imgID = (img.id) ? "id='" + img.id + "' " : ""
   var imgClass = (img.className) ? "class='" + img.className + "' " : ""
   var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
   var imgStyle = "display:inline-block;" + img.style.cssText
   if (img.align == "left") imgStyle = "float:left;" + imgStyle
   if (img.align == "right") imgStyle = "float:right;" + imgStyle
   if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle 
   var strNewHTML = "<span " + imgID + imgClass + imgTitle
   + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
   + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
   + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
   img.outerHTML = strNewHTML
   i = i-1
   };
  };
};
if(navigator.userAgent.indexOf("MSIE")>-1)
{
window.attachEvent("onload", correctPNG);
};



	function EndSortChange(a,b)
{
   var aa=document.getElementById(a);
   var bb=document.getElementById(b);
	if(aa.style.display=='')
	{
		aa.style.display='none';
		bb.className='SortEndFolderOpen';
	}
	else
	{
		aa.style.display='';
		bb.className='SortEndFolderClose';
		
	}
}
function SortChange(a,b)
{
  var aa=document.getElementById(a);
   var bb=document.getElementById(b);
	if(aa.style.display=='')
	{
		aa.style.display='none';
		bb.className='SortFolderOpen';
	}
	else
	{
		aa.style.display='';
		bb.className='SortFolderClose';
	}
}


function EndSortChanges(a,b)
{
   var aa=document.getElementById(a);
   var bb=document.getElementById(b);
	if(aa.style.display=='')
	{
		aa.style.display='none';
		bb.className='SortEndFolderOpen';
	}
	else
	{
		aa.style.display='';
		bb.className='SortEndFolderClose';
		
	}
}
function SortChanges(a,b)
{
  var aa=document.getElementById(a);
   var bb=document.getElementById(b);
	if(aa.style.display=='')
	{
		aa.style.display='none';
		bb.className='SortFolderOpen';
	}
	else
	{
		aa.style.display='';
		bb.className='SortFolderClose';
	}
}



var mar;
var mar1;
var mar2;
var speed = 20;//the speed of scrolling 
var step = 1;
var MyMar1;
var MyMar2;
var leftHit = 0;//left click or not
var rightHit = 0;//right click or not
function bodyload(){
	//ÈÈÀ±ÃÀÍ¼¹ö¶¯Í¼Æ¬ 
	mar = document.getElementById('scrollbody');
	mar1 = document.getElementById('scroll1');
	mar2 = document.getElementById('scroll2');
	mar2.innerHTML = mar1.innerHTML;
	toLeft();
	//end
}
function toLeft(){
	clearLeft();
	clearRight();
	if(speed > 10){
		speed -= 10;
		step += 1;
		if (step >= 2) step = 2;
	}else{ 
		speed = 10;
	}
	if(leftHit != 0){
		if(MyMar1)
			MyMar1 = setInterval(MarqueeLeft,speed);
	}
	MarqueeLeft();
}
function toRight(){
	clearLeft();
	clearRight();
	if(speed > 10){
		speed -= 10;
		step += 1;
		if (step >= 2) step = 2;
	}else{ 
		speed = 10;
	}
	if(rightHit != 0){
		if(!MyMar2)
			MyMar2 = setInterval(MarqueeRight,speed);
	}
	MarqueeRight();
}
function MarqueeLeft(){
	if(mar2.offsetWidth-mar.scrollLeft <= 0){
		mar.scrollLeft -= mar1.offsetWidth;
	}else{
		mar.scrollLeft += step;
	}
	if(leftHit == 0){
		speed = 50;
		step = 1;
		if(!MyMar1)
			MyMar1 = setInterval(MarqueeLeft,speed);
		leftHit = 1;
		rightHit = 0;
	 }
	mar.onmouseover = function() {
		clearLeft();
		clearRight();
	}
	mar.onmouseout = function() {
		if(!MyMar1)
			MyMar1=setInterval(MarqueeLeft,speed);
	}
}
function MarqueeRight(){
	if(mar.scrollLeft <= 0){
		mar.scrollLeft = mar2.offsetWidth;
	}else{
		mar.scrollLeft -= step;
	}
	if(rightHit == 0){
		speed = 50;
		step = 1;
		if(!MyMar2)
			MyMar2=setInterval(MarqueeRight,speed);
		leftHit = 0;
		rightHit = 1;
	}
	mar.onmouseover = function() {
		clearLeft();
		clearRight();
	}
	mar.onmouseout = function() {
		if(!MyMar2)
			MyMar2 = setInterval(MarqueeRight,speed);
	}
}
function clearLeft(){
   clearInterval(MyMar1);
   MyMar1 = null;
}
function clearRight(){
   clearInterval(MyMar2);
   MyMar2 = null;
}
