var timer;
function slideShowMovement(){
	if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  
  var slideshow = document.getElementById("slideshow");
	if(!slideshow) return false;

	var x_offset = Math.abs(parseInt(slideshow.style.marginLeft));
	if(x_offset == 1104){
		x_offset = 0;
	}
	x_offset++;
	
  slideshow.style.marginLeft = "-"+x_offset+"px";
  clearTimeout(timer);
  timer = setTimeout("slideShowMovement()", 20);
}

function slideShowClickMovement(){
	if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  
  var slideshow = document.getElementById("slideshow");
	if(!slideshow) return false;
	
	slideshow.onmouseover = function(){
		clearTimeout(timer);
	}
	slideshow.onmouseout = function(){
		//slideShowMovement();
	}
		
	var anchor_eles = slideshow.getElementsByTagName("a");
	for(var i=0; i<anchor_eles.length; i++){
		
		setOpacity(anchor_eles[i], 5);
		anchor_eles[i].style.display = "block";
		anchor_eles[i].onmouseover = function(){
			setOpacity(this, 10);
			clearTimeout(timer);
		}
		anchor_eles[i].onmouseout = function(){
			setOpacity(this, 5);
			timer = setTimeout("slideShowMovement()", 20);
		}
	}
}

function setOpacity(ele, value){
	ele.style.opacity = value/10;
	ele.style.filter = 'alpha(opacity=' + value*10 + ')';
}

var selected_anchor;
function buttonsMovement(){
	if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  
  var buttons = document.getElementById("buttons");
	if(!buttons) return false;
	
	var anchor_eles = buttons.getElementsByTagName("a");
	var page = document.getElementById("page").className;
	for(var i=0; i<anchor_eles.length; i++){
		
		if((parseInt(page)-1) == i){
		}else{
			setOpacity(anchor_eles[i], 5);
			
		anchor_eles[i].onmouseover = function(){
			setOpacity(this, 10);
		}
		anchor_eles[i].onmouseout = function(){
			if(selected_anchor != this){
				setOpacity(this, 5);
			}
		}
			
		}
		anchor_eles[i].style.display = "block";
	}
}


function showSpec(){
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;

	var anchor_list = document.getElementsByTagName("a");
	
	for(var i=0; i<anchor_list.length; i++){
		if(anchor_list[i].className == "blk"){
			anchor_list[i].onclick = function(){
				
				var input_ele = this.getElementsByTagName("input");
				var table_ele = document.getElementById("item_"+input_ele[0].value);
				if(table_ele.style.display == "block"){
					table_ele.style.display = "none";
				}else{
					table_ele.style.display = "block";
				}
				
				return false;
			}
		}
	}
}
addLoadEvent(slideShowClickMovement);
addLoadEvent(slideShowMovement);
addLoadEvent(buttonsMovement);
addLoadEvent(showSpec);