//slide pic script
var interval;

function moveElement(elementID,final_x,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (elem.movement) {
    clearTimeout(elem.movement);
  }
  if (!elem.style.left) {
    elem.style.left = "0px";
  }
  if (!elem.style.top) {
    elem.style.top = "0px";
  }
  var xpos = parseInt(elem.style.left);
  var ypos = parseInt(elem.style.top);
  if (xpos == final_x  &&  ypos == final_y) {
  return true;
  }
  if (xpos < final_x) {
    var dist = Math.ceil((final_x - xpos)/10);
    xpos = xpos + dist;
  }
  if (xpos > final_x) {
    var dist = Math.ceil((xpos - final_x)/10);
    xpos = xpos - dist;
  }
  if (ypos < final_y) {
    var dist = Math.ceil((final_y - ypos)/10);
    ypos = ypos + dist;
  }
  if (ypos > final_y) {
    var dist = Math.ceil((ypos - final_y)/10);
    ypos = ypos - dist;
  }
  elem.style.left = xpos + "px";
  elem.style.top = ypos + "px";
  var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
}


function classNormal(curr_id){
	var focusBtnList = document.getElementById('focus_change_btn').getElementsByTagName('li');
 
 	for(var i=0; i<focusBtnList.length; i++) {
		var ii = parseInt(i+1);
	 	if(curr_id != ii){
			focusBtnList[i].className = 'lyceem_ad_nav_0'+ii;
	 	} 
 	}
}


function focusChange() {
 	var focusBtnList = document.getElementById('focus_change_btn').getElementsByTagName('li');
 
  	focusBtnList[0].onmouseover = function() {
   		moveElement('focus_change_list',0,0,5);
   		classNormal(1);
   		focusBtnList[0].className='lyceem_ad_nav_04';
   		clearInterval(intval);
  	}
  	focusBtnList[0].onmouseout = function() {
   		intval = setInterval(autoFocusChange, 6000);
  	}
  
  
  	focusBtnList[1].onmouseover = function() {
   		moveElement('focus_change_list',-715,0,5);
   		classNormal(2);
   		focusBtnList[1].className='lyceem_ad_nav_05';
   		clearInterval(intval);
  	}
  	focusBtnList[1].onmouseout = function() {
   		intval = setInterval(autoFocusChange, 6000);
  	}
  
  	focusBtnList[2].onmouseover = function() {
   		moveElement('focus_change_list',-1430,0,5);
   		classNormal(3);
   		focusBtnList[2].className='lyceem_ad_nav_06';
   		clearInterval(intval);
  	}
  	focusBtnList[2].onmouseout = function() {
   		intval = setInterval(autoFocusChange, 6000);
  	}
  
}

function autoFocusChange() {
 	var focusBtnList = document.getElementById('focus_change_btn').getElementsByTagName('li');
	var idnum = '';
 	for(var i=0; i<focusBtnList.length; i++) {
		var cn = focusBtnList[i].className;
		var idnum = cn.substring(cn.lastIndexOf('_')+2);
 		if ( idnum> 3) {
   			var currentNum = idnum;
  		}
    }
 	if (currentNum == 4 ){
  		moveElement('focus_change_list',-715,0,5);
  		classNormal(2);
  		focusBtnList[1].className = 'lyceem_ad_nav_05';
 	}
 	if (currentNum == 5 ){
  		 moveElement('focus_change_list',-1430,0,5);
 		classNormal(3)
  		focusBtnList[2].className='lyceem_ad_nav_06'
 	}
 	if (currentNum==6 ){
  		moveElement('focus_change_list',0,0,5);
  		classNormal(1)
  		focusBtnList[0].className='lyceem_ad_nav_04'
 	}
}

window.onload=function(){
 	focusChange();
}

var intval = setInterval(autoFocusChange, 6000);




//picscroll script
function dhscroll(){
    var dh = this;
    this.autoid = null;
    this.scrollDOM = null;
    this.scrollCDOM = null;
    this.showwidth = 0;
    this.steplength = 22;
    var oldlength = this.steplength;
    this.steptime = 1;
    this.resttime = 3000;
    this.uvwidth = 0;

    this.getsw = function() {
    	
		
        var tempw = this.scrollCDOM.offsetWidth;
        var temps = this.scrollCDOM.innerHTML;
        this.scrollCDOM.innerHTML = [temps,temps].join("");
        this.scrollCDOM.style.width = tempw*2+"px";
        if(document.attachEvent){
            this.scrollDOM.attachEvent("onmouseover",dh.pause);
            this.scrollDOM.attachEvent("onmouseout",dh.goon);
        }else{
            this.scrollDOM.addEventListener("mouseover",dh.pause,true);
            this.scrollDOM.addEventListener("mouseout",dh.goon,true);
        }
        this.uvwidth = Math.ceil(this.scrollDOM.scrollWidth / 2);
    }

    this.scrollleft = function(){
        if(this.autoid!=null){
            window.clearTimeout(this.autoid);
        }
        var uvleft = this.scrollDOM.scrollLeft;
        uvleft += this.steplength;

        this.scrollDOM.scrollLeft = uvleft;

        if(uvleft>=this.uvwidth){
            this.scrollDOM.scrollLeft = 0;
        }

        if(uvleft % this.showwidth == 0){
            this.autoid = window.setTimeout(function(){dh.scrollleft()},dh.resttime);
        }else{
            this.autoid = window.setTimeout(function(){dh.scrollleft()},dh.steptime);
        }
        
    }

    this.scrollright = function() {
        if (this.autoid != null) {
            window.clearTimeout(this.autoid);
        }
        var uvleft = this.scrollDOM.scrollLeft;
        uvleft -= this.steplength;

        this.scrollDOM.scrollLeft = uvleft;

        if (uvleft <= 0) {
            this.scrollDOM.scrollLeft = this.uvwidth;
            
        }

        if (uvleft % this.showwidth == 0) {
            this.autoid = window.setTimeout(function() { dh.scrollright() }, dh.resttime);
        } else {
            this.autoid = window.setTimeout(function() { dh.scrollright() }, dh.steptime);
        }
    }

    this.go = function(direction, rest) {
        if(this.autoid!=null){
            window.clearTimeout(this.autoid);
        }
        if(direction=="left"){
            if(rest){
                this.autoid = window.setTimeout(function(){dh.scrollleft()},5000);
            }else{
                dh.scrollleft();
            }
        }else{
            if(rest){
                this.autoid = window.setTimeout(function(){dh.scrollright()},5000);
            }else{
                dh.scrollright();
            }
        }
    }

    this.pre = function(){
            this.scrollright();
    }
    this.next = function(){
            this.scrollleft();
    }
    this.pause = function(){
        dh.oldlength = dh.steplength;
        dh.steplength = 0;
    }
    this.goon = function(){
        dh.steplength = dh.oldlength;
    }
}


//form script;
function focusLabels() {
  if (!document.getElementsByTagName) return false;
  var labels = document.getElementsByTagName("label");
  for (var i=0; i<labels.length; i++) {
    if (!labels[i].getAttribute("for")) continue;
    labels[i].onclick = function() {
      var id = this.getAttribute("for");
      if (!document.getElementById(id)) return false;
      var element = document.getElementById(id);
      element.focus();
    }
  }
}

function resetFields(whichform) {
  for (var i=0; i<whichform.elements.length; i++) {
    var element = whichform.elements[i];
    if (element.type == "submit") continue;
    if (!element.defaultValue) continue;
    element.onfocus = function() {
    if (this.value == this.defaultValue) {
      this.value = "";
     }
    }
    element.onblur = function() {
      if (this.value == "") {
        this.value = this.defaultValue;
      }
    }
  }
}

function validateForm(whichform) {
  for (var i=0; i<whichform.elements.length; i++) {
    var element = whichform.elements[i];
    if (element.className.indexOf("required") != -1) {
      if (!isFilled(element)) {
        alert("请输入您想搜索的产品的名称");
        return false;
      }
    }
  }
  return true;
}

function isFilled(field) {
  if (field.value.length < 1 || field.value == field.defaultValue) {
    return false;
  } else {
    return true;
  }
}

function prepareForms() {
  for (var i=0; i<document.forms.length; i++) {
    var thisform = document.forms[i];
    resetFields(thisform);
    thisform.onsubmit = function() {
      return validateForm(this);
    }
  }
}
addLoadEvent(focusLabels);
addLoadEvent(prepareForms);