var ok_id=100;
var no_id;
var ok_idp=1100;
var no_idp;

var ok_id_6=4100;
var no_id_6;

var ok_id_7=5100;
var no_id_7;

function change(id){
idd=id*100;

if (ok_id!=idd){
document.getElementById(ok_id).style.display="none";
no_id=ok_id/100;
document.getElementById(no_id).style.display="";
}
document.getElementById(id).style.display="none";
document.getElementById(idd).style.display="";
ok_id=idd;
}

function change2(id)
{
idd=id*100;

if (ok_idp!=idd)
{
document.getElementById(ok_idp).style.display="none";
no_idp=ok_idp/100;
document.getElementById(no_idp).style.display="";
}
document.getElementById(id).style.display="none";
document.getElementById(idd).style.display="";
ok_idp=idd;
}
;


function change4(id)
{
idd=id*100;

if (ok_id_tt!=idd)
{
document.getElementById(ok_id_tt).style.display="none";
no_id_tt=ok_id_tt/100;
document.getElementById(no_id_tt).style.display="";
}
document.getElementById(id).style.display="none";
document.getElementById(idd).style.display="";
ok_id_tt=idd;
}



function change6(id)
{
idd=id*100;

if (ok_id_6!=idd)
{
document.getElementById(ok_id_6).style.display="none";
no_id_6=ok_id_6/100;
document.getElementById(no_id_6).style.display="";
}
document.getElementById(id).style.display="none";
document.getElementById(idd).style.display="";
ok_id_6=idd;
}


function change7(id)
{
idd=id*100;

if (ok_id_7!=idd)
{
document.getElementById(ok_id_7).style.display="none";
no_id_7=ok_id_7/100;
document.getElementById(no_id_7).style.display="";
}
document.getElementById(id).style.display="none";
document.getElementById(idd).style.display="";
ok_id_7=idd;
}


$(function(){
change('1');
change2('11')


var curr = 0;
var slideEffect = function(no){
	curr = no;
	 $("#jsl .h_box").eq(no).fadeIn("slow").siblings(".h_box").hide();
	 $("#jsNav .trigger").eq(no).siblings(".trigger").removeClass("imgSelected").end().addClass("imgSelected");
	 return false;
	 }
$("#jsl .h_box").eq(0).css('display','block');
$("#jsNav .trigger").each(function(i){
$(this).mouseover(function(){slideEffect(i)});
 });

 var pg = function(flag){
 //flag:true表示前翻， false表示后翻
 if (flag) {
 if (curr == 0) {
 todo = 4;
 } else {
 todo = (curr - 1) % 5;
 }
 } else {
 todo = (curr + 1) % 5;
 }
 $("#jsNav .trigger").eq(todo).mouseover();
 };

 //前翻
 $("#prev").click(function(){
 pg(true);
 return false;
 });

 //后翻
 $("#next").click(function(){
 pg(false);
 return false;
 });

 //自动翻
 var timer = setInterval(function(){
 todo = (curr + 1) % 5;
 slideEffect(todo);
 },5000);

 //鼠标悬停在触发器上时停止自动翻
 $("#jsNav a").hover(function(){
 clearInterval(timer);
 },
 function(){
 timer = setInterval(function(){
 todo = (curr + 1) % 5;
 slideEffect(todo);
 },3500);
 }
 );
});