(function($){
function markActiveControlItem(c){
            $(".control > li").each(function(i){
                                    $(this).css("background-color","#666"); 
            });
            $(".control > li").eq(c).css("background-color","#F90");
}


      $(document).ready(function(){
              var timer;
              var c = 0;
              markActiveControlItem(c);
              $(".slideshow li:first-child").css("z-index","3");
              $(".control > li").each(function(i){
                        $(this).click(function(){
                                 var front;
                                 var play;
                                 c = i;
                                 markActiveControlItem(c);
                                 window.clearInterval(timer);
                                 timer = window.setInterval(function(){
                                                                                 $(".control > li").eq(c).trigger("click"); markActiveControlItem(c);
                                                                                                       $(".control > li").eq(c).trigger("click");
                                                                                                       c = c <  ($(".control > li").length -1 ) ? c + 1: 0;
                                                }, 4000);

                                 $(".slideshow li").each(function(j){
                                     if(parseInt($(this).css("z-index")) != 3){
                                             $(this).css("z-index", "1");         
                                     }else{
                                             front = $(this);
                                             play = $(this).index() == i ? 0: 1;
                                             //alert(parseInt($(this).css("z-index")));
                                     }
                                 }); 
                                 if(play){
                                        $(".slideshow li").eq(i).css("z-index", "2");

                                        front.fadeOut("slow", function(){
                                                   front.css("z-index","1").fadeIn();
                                                   $(".slideshow li").eq(i).css("z-index", "3");
                                        });
                                  }
                        });
              });

              timer = window.setInterval(function(){
                      $(".control > li").eq(c).trigger("click");
                     markActiveControlItem(c);
                      c = c <  ($(".control > li").length -1 ) ? c + 1: 0;
              }, 4000);
      });
})(jQuery);