// JavaScript Document

$(document).ready(function(){
     var img_no = $("#main-slider img").size();
	 var img_arr = $("#main-slider img").toArray();
     var imgs = '';
	 for(var i = 1; i<= img_no; i++){
		 if(i==1){
		    $("#slide-img_"+i).fadeIn(800);
	        $("#slide-img_"+i).addClass("active-slide");
            imgs += "<a href='javascript:sliderfun()' class='active-slide' id='slide_"+i+"'>"+i+"</a>";
		 }else{
		    $("#slide-img_"+i).hide();
	        $("#slide-img_"+i).addClass("inactive-slide");
			imgs += "<a href='javascript:sliderfun()' class='inactive-slide' id='slide_"+i+"'>"+i+"</a>";
		 }
	 }
	 $("#slide-controls").html(imgs);

	 $("#slide-controls a").click(function(sliderfun){
	    var act_id = $("#slide-controls").find(".active-slide").attr("id");
		$("#"+act_id).removeClass("active-slide");
		$("#"+act_id).addClass("inactive-slide");
		$(this).removeClass("inactive-slide");
		$(this).addClass("active-slide");
        var slide_id = this.id;
		var spl_id = slide_id.split('_');
		var cur_id = $("#main-slider").find('.active-slide').attr("id");
		$("#"+cur_id).removeClass("active-slide");
		$("#"+cur_id).hide();
		$("#main-slider").find('#slide-img_'+spl_id[1]).addClass("active-slide");
		$("#main-slider").find('#slide-img_'+spl_id[1]).fadeIn(800);
     });

	 $(this).slideaff();
 });

(function($) {
	$.fn.slideaff = function () {
		   setTimeout(function(){
		   var img_no = $("#main-slider img").size();
	       var act_slide = $("#main-slider").find(".active-slide").attr("id");
		   var act_slide_split = act_slide.split("_");
		   $("#"+act_slide).removeClass("active-slide");
		   $("#"+act_slide).addClass("inactive-slide");
		   $("#"+act_slide).hide();
		   if(act_slide_split[1] < img_no){
		      var act_next_slide = parseInt(act_slide_split[1])+1;
		   }else{
		      var act_next_slide = 1;
		   }
		   $("#slide-img_"+act_next_slide).removeClass("inactive-slide");
		   $("#slide-img_"+act_next_slide).addClass("active-slide");
		   $("#slide-img_"+act_next_slide).fadeIn(800).slideaff();
		   $("#slide-controls").find("#slide_"+act_slide_split[1]).removeClass("active-slide");
		   $("#slide-controls").find("#slide_"+act_slide_split[1]).addClass("inactive-slide");
		   $("#slide-controls").find("#slide_"+act_next_slide).removeClass("inactive-slide");
		   $("#slide-controls").find("#slide_"+act_next_slide).addClass("active-slide");
		   return $(this);
		},15000
	 );
  }
})(jQuery);