var i=0;
	var picrollimg=$("picrollimg");
	var blurimgid=$("blurimg");
	var picrollnav=$("picrollnav");
	li=picrollnav.getElementsByTagName("li");
	
	var blurimg=function(){
		if(picrollimg.style.opacity<1){
			picrollimg.style.opacity=parseFloat(picrollimg.style.opacity)+0.05;
			opacity=parseInt(picrollimg.style.filter.substring(14,16))+5;
			picrollimg.style.filter="alpha(opacity="+opacity+")";
			setTimeout(blurimg,10);
		}
	}
	
	var gotoimage=function(i){
		picrollimg.src="images/banner_img_0"+i+".jpg";
		picrollimg.style.opacity=0.0;
		picrollimg.style.filter="alpha(opacity=0)";
		blurimg()
		for(var j=0;j<li.length;j++){
			if(j==i-1){
				$("picrollnav").getElementsByTagName("li")[j].className="hover";
			}else{
				$("picrollnav").getElementsByTagName("li")[j].className="";
			}
		}
	}

	var clock;

	var startroll=function(){
		i=i+1;
		if(i>li.length){
			i=1;
		}
		gotoimage(this.i);
		clock=setTimeout(startroll,6000)
	}

	startroll();

	var clickli=function(m){
		return function(){
			for(var j=0;j<li.length;j++){
			if(j==m){
				li[j].className="hover";
				i=m+1;
				clearTimeout(clock);
				clock=setTimeout(startroll,5000);
				gotoimage(i);
			}else{
				li[j].className="";
			}
		}
		}
	}
	for(var j=0;j<li.length;j++){
		li[j].onclick=new clickli(j);
	}