//Ê×Ò³´óÍ¼ÂÖ²¥
var curch = 1;

$(document).ready(function(){					   
$("#pic2").fadeTo(100,0);
$("#pic3").fadeTo(100,0);
$("#pic4").fadeTo(100,0);
})

function setPic1(){
  curch = 1;
  $("#pic1").fadeTo(800,1);
  $("#pic2").fadeTo(800,0);
  $("#pic3").fadeTo(800,0);
  $("#pic4").fadeTo(800,0);

for(i=1;i<=4;i++){
var pic=document.getElementById("pic"+i);
pic.className=i==curch?"pic1":"pic2";
}
}
function setPic2(){
  curch = 2;
  $("#pic1").fadeTo(800,0);
  $("#pic2").fadeTo(800,1);
  $("#pic3").fadeTo(800,0);
  $("#pic4").fadeTo(800,0);

for(i=1;i<=4;i++){
var pic=document.getElementById("pic"+i);
pic.className=i==curch?"pic1":"pic2";
}
}
function setPic3(){
  curch = 3;
  $("#pic1").fadeTo(800,0);
  $("#pic2").fadeTo(800,0);
  $("#pic3").fadeTo(800,1);
  $("#pic4").fadeTo(800,0);

for(i=1;i<=4;i++){
var pic=document.getElementById("pic"+i);
pic.className=i==curch?"pic1":"pic2";
}
}
function setPic4(){
  curch = 4;
  $("#pic1").fadeTo(800,0);
  $("#pic2").fadeTo(800,0);
  $("#pic3").fadeTo(800,0);
  $("#pic4").fadeTo(800,4);

for(i=1;i<=4;i++){
var pic=document.getElementById("pic"+i);
pic.className=i==curch?"pic1":"pic2";
}
}


function change() {
    if (curch < 4) 
	{
        curch ++;
    }
	else {
        curch = 1;
    }
    eval("setPic"+curch+"();");
}
