$(document).ready(function(){

var timer = 5000;
var bannerlen = $('#main ul li').length;
var speed=400;
var  i=0;



function movebanner(){
					for(var j =0; j< bannerlen; j++){
					var imgsrc = $('#thum li img').eq(j).attr("src");
							if((i==j)&&(imgsrc.indexOf('_on')==-1)){
										var src_on = imgsrc.substr(0, imgsrc.lastIndexOf('.'))
										+ '_on'
										+ imgsrc.substr(imgsrc.lastIndexOf('.'));
										$('#thum li img').eq(j).attr("src", src_on);
										$("#main").flip({direction: 'tb',color:'#ffffff',speed:speed});
							}else if((imgsrc.indexOf('_on')!==-1)||(i!==j)){
										var imgsrc_off = imgsrc.replace("_on","");
										$('#thum li img').eq(j).attr("src", imgsrc_off);
							}
						}

		$('#main ul li').not(i).hide();
		$('#main ul li').eq(i).show();

		 i++;
		 if(i>=bannerlen){i=0;j=0;}
}



				


				$("#thum li").hover(function(){
							clearInterval(MyTimer);
							$("#main").flip({direction: 'lr',color:'#ffffff',speed:speed});
							var index = $("#thum li").index(this);
							j = index;
							$("#main li").not(index).hide();
							$("#main li").eq(index).show();
							for(var i =0; i< bannerlen; i++){
										var imgsrc = $('#thum li img').eq(i).attr("src");
										if((imgsrc.indexOf('_on')==-1)&&(i==index)){
													var src_on = imgsrc.substr(0, imgsrc.lastIndexOf('.'))
													+ '_on'
													+ imgsrc.substr(imgsrc.lastIndexOf('.'));
													$('#thum li img').eq(i).attr("src", src_on);
										}else if((imgsrc.indexOf('_on')!==-1)&&(i!==index)){
													var imgsrc_off = imgsrc.replace("_on","");
													$('#thum li img').eq(i).attr("src", imgsrc_off);
										}
									}

							
					},function(){
							var index = $("#thum li").index(this);
							MyTimer = setInterval(movebanner, timer);
							//alert(index);

							if(index==2){
									i=0
								}else{
									i=index+1;								
								}
					});







				movebanner();
				MyTimer = setInterval(movebanner, timer);
})