$(document).ready(function(){

var j=1;
var MyTime=false;
var fot=200;
var fin=300;
var amt=300;
var maxpic=8;
	$("#ppt").find("li").each(function(i){
		$("#ppt").find("li").eq(i).mouseover(function(){											  
			var cur=$("#mpc").find("div:visible").prevAll().length;
			if(i!==cur){
				j=i;					
				$("#mpc").find("div:visible").fadeOut(fot,function(){
				$("#mpc").find("div").eq(i).fadeIn();});
				$("#tri").animate({"left":i*23+"px"},current(this,"li"));			
			}			
		})	
	})

function current(ele,tag){
	$(ele).addClass("cur").siblings(tag).removeClass("cur");
	}	

$('#imgnav').hover(function(){
			  if(MyTime){
				 clearInterval(MyTime);
			  }
	 },function(){
			  MyTime = setInterval(function(){
			    $("#ppt").find("li").eq(j).mouseover();
				j++;
				if(j==maxpic){j=0;}
			  } , 3000);
	 });

	 var MyTime = setInterval(function(){
		$("#ppt").find("li").eq(j).mouseover();
		j++;
		if(j==maxpic){j=0;}
	 } , 3000);

})