$(function(){
	
	$("#slider .slide:nth-child(1)").addClass("active_slide");
	
	$('#slider_bt1').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button1_on.png)"); //black
	$('#slider_bt2').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button2_off.png)"); // grey
	$('#slider_bt3').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button3_off.png)"); // grey 		
	
	var slider_speed = 800;
	var slider_ease = "easeInOutBack";
	var slider_width = 610;
	
	$("#mast .right_btn").live("click",function(){
		clearInterval(panelSlider);
		Slide3();
	});
	
	$("#mast .middl_btn").live("click",function(){
		clearInterval(panelSlider);
		Slide2();
	});
	
	$("#mast .left_btn").live("click",function(){
		clearInterval(panelSlider);
		Slide1();
	});
	
	var panelSlider = setInterval(function(){ nextSlide(); },5000);
	
	
	function change_button_bkg(){
		var carPosition = $(".active_slide").prevAll("div").length;
		
		if(carPosition==0){
			$('#slider_bt1').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button1_on.png)"); 
			$('#slider_bt2').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button2_off.png)"); 
			$('#slider_bt3').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button3_off.png)");	
		}
		else if(carPosition==1){
			$('#slider_bt2').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button2_on.png)"); 
			$('#slider_bt1').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button1_off.png)"); 
			$('#slider_bt3').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button3_off.png)"); 
		}
		else if(carPosition==2){
			$('#slider_bt3').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button3_on.png)"); 
			$('#slider_bt1').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button1_off.png)"); 
			$('#slider_bt2').css("background-image", "url(http://staging.ph-creative.com/sites/bmdigital/res/builtin/button2_off.png)"); 
		}
		
	}
	
	
	function Slide1(){
		var carPosition = $(".active_slide").prevAll("div").length;
		
		if(carPosition>=1){
			$("#slider").animate({right:"0px"},slider_speed);
			$(".active_slide").removeClass("active_slide");
			$("#slider .slide:first").addClass("active_slide");
		}
		change_button_bkg()
	}
	
	
	function Slide2(){
		
		var carPosition = $(".active_slide").prevAll("div").length;
		if (carPosition==0) nextSlide() ;
		else if (carPosition==2) prevSlide()
		
		change_button_bkg()
	}
	
	function Slide3(){
		var carPosition = $(".active_slide").prevAll("div").length;
		if(carPosition<=1){
			new_pos = slider_width *2 ;
			$("#slider").animate({right: new_pos + "px"},slider_speed);
			$(".active_slide").removeClass("active_slide");
			$("#slider .slide:last").addClass("active_slide");
		}
		change_button_bkg();
	}
	
	
	function nextSlide(){
		if ($(".active_slide").nextAll("div").length==0) {
			$("#slider").animate({right:"0px"},slider_speed);
			$(".active_slide").removeClass("active_slide");
			$("#slider .slide:first").addClass("active_slide");
		} 
		else {
			var position = Math.ceil(Math.ceil($(".active_slide").prevAll("div").length+1)*slider_width);
			$("#slider").animate({right:position+"px"},slider_speed);
			$(".active_slide").removeClass("active_slide").next("div").addClass("active_slide");
		}
		change_button_bkg()
	}
	
	function prevSlide(){
		var carPosition = $(".active_slide").prevAll("div").length;
		
		if (carPosition==1) {
			$("#slider").animate({right:"0px"},slider_speed);
			$(".active_slide").removeClass("active_slide").prev("div").addClass("active_slide");
		} else if (carPosition>1) {
			var position = Math.ceil(Math.ceil(Math.ceil($(".active_slide").prevAll("div").length)*slider_width)-slider_width);
			$("#slider").animate({right:position+"px"},slider_speed);
			$(".active_slide").removeClass("active_slide").prev("div").addClass("active_slide");
		}
		change_button_bkg()
	}
    
});