var active = 1; var timer;
$(document).ready(function(){
$("#slider_container img").hide();
$("#slider_container img:first").show();
pages();
color(1);
timer = setInterval(change,8000);
});
function change(){
$("#slider_container img:nth-child("+active+")").hide();
active = (active + 1) % $("#slider_container img").length;
if(active == 0) active = $("#slider_container img").length;
$("#slider_container img:nth-child("+active+")").fadeIn(1000);
color(active);
}
function clicker(value){
color(value);
$("#slider_container img:nth-child("+active+")").hide();
active = value;
$("#slider_container img:nth-child("+active+")").fadeIn(1000);
clearInterval(timer);
timer = setInterval(change,3000);
}
function color(value){
$("#pager span").css("background-color","#184c61")
$("#pager span").css("color","#FFFFFF")
$("#pager span:nth-child("+value+")").css("background-color","#1693a5");
$("#pager span:nth-child("+value+")").css("color","#FFFFFF");
}
function pages(){
var page_no = "";
for(var i = 1; i <= $("#slider_container img").length; i++)
{
page_no += ""
}
$("#pager").html(page_no);
}