function getId(id){
	if(typeof id == "string"){ return document.getElementById(id); }
}


function getStyle(element, name){
	//如果该属性存在于style[]中，则它最近被设置过（且就是当前的）
	if(element.style[name]) 
		return element.style[name];
	//ie的方式
	else if(element.currentStyle)
		return element.currentStyle[name];
	//w3c的方法
	else if(document.defaultView && document.defaultView.getComputedStyle) {
		//它使用传统的“text-align”风格的规则书写方式，而不是"textAlign"
		name =name.replace(/([A-Z])/g, "-$1")
		name = name.toLowerCase();
		//获取style对象并取得属性的值
		var s = document.defaultView.getComputedStyle(element, "");
		return s && s.getPropertyValue(name);
	}
}


function scrollFun(type){
	if(type==0){
		picWrap.scrollLeft += Space;
	}else if(type==1){
		picWrap.scrollLeft -= Space;
	}
	
	if(Math.abs(picWrap.scrollLeft) % PageWidth == 0 ){ //下翻停止
		clearInterval(setTimeout("scrollFun("+ type +")",Speed));
	}else{
		setTimeout("scrollFun("+ type +")",Speed)
	}
}

function scrollHDS(n,prev,next,total){
	var leftTimer;
	
	if(n==0){
		scrollTime--
		leftTimer=setTimeout('scrollFun('+n+')',Speed)
	}else if(n==1){
		scrollTime++
		leftTimer=setTimeout('scrollFun('+n+')',Speed)
	}
	
	if(scrollTime < 0){
		clearTimeout(leftTimer);
		scrollTime=0;
	}

	if(scrollTime==parseInt(total)){
		getId(prev).className="disabled"
	}else{
		getId(prev).className=""	
	}
	
	if(scrollTime > parseInt(total)){
		clearTimeout(leftTimer);
		scrollTime=total;
	}
	
	if(scrollTime==0){
		getId(next).className="disabled"
	}else{
		getId(next).className=""
	}									
	
	
}

function init(num,elem,elem1){
	var totalWidth=0; //内div的宽度
	var children=getId(elem1).childNodes;
	var count=0;
	for(var i=0 ; i < children.length; i++){
		var subElem=children[i];
		if(subElem.nodeName == "LI"){
			totalWidth=(parseInt(getStyle(subElem, "width")) + parseInt(getStyle(subElem, "marginLeft") )+ parseInt(getStyle(subElem, "marginRight")) )*num;
			count++;
			elementClick(subElem,elem,count,children)
		}
	}	
	getId(elem1).style.width=totalWidth*2+"px"
}


function elementClick(element,imgId,count,children){
	for(var i=0; i<count; i++){
		element.onclick=function(){
			for(var j=0 ; j < children.length; j++){children[j].className=''}
			var img310 =  getId("img"+i).src.replace('img50','img310'); 
			getId(imgId).setAttribute("src", img310)
			element.className='selected';
		}
	}
}


function init1(num,elem){
	var totalWidth=0;
	var children=getId(elem).childNodes;
	for(var i=0 ; i < children.length; i++){
		var subElem=children[i];
		if(subElem.nodeName == "LI"){
			totalWidth=(parseInt(getStyle(subElem, "width")) + parseInt(getStyle(subElem, "marginLeft") )+ parseInt(getStyle(subElem, "marginRight")) )*num;
		}
	}
	getId(elem).style.width= totalWidth*2 +"px"
}

function scrollFun1(type){
	if(type==0){
		picWrap1.scrollLeft += Space1;
	}else if(type==1){
		picWrap1.scrollLeft -= Space1;
	}
	
	if(Math.abs(picWrap1.scrollLeft) % PageWidth1 == 0 ){ //下翻停止
		clearInterval(setTimeout("scrollFun1("+ type +")",Speed));
	}else{
		setTimeout("scrollFun1("+ type +")",Speed)
	}
}

function scrollHDS1(n,prev,next,total){
	var leftTimer;
	
	if(n==0){
		scrollTime1--
		leftTimer=setTimeout('scrollFun1('+n+')',Speed)
	}else if(n==1){
		scrollTime1++
		leftTimer=setTimeout('scrollFun1('+n+')',Speed)
	}

	if(scrollTime1 < 0){
		clearTimeout(leftTimer);
		scrollTime1=0;
	}
	
	if(scrollTime1==total){
		getId(prev).className="disabled"
	}else{
		getId(prev).className=""
	}
	
	if(scrollTime1 > total){
		clearTimeout(leftTimer);
		scrollTime1=total;
	}

	if(scrollTime1==0){
		getId(next).className="disabled"
	}else{
		getId(next).className=""
	}									
	
	
}