var allowPopup = false;
var mySlider;
var curSlide=0;
var slidePlaying;
var oldSlide=0;

function resetCurrent(){
	if (oldSlide==curSlide+1) return;
	$("#btn"+(oldSlide)).attr("class","thumb_item");
}

function setCurrent() {
	var s = curSlide+1;
	if (s!=oldSlide) {
		resetCurrent();
		$("#btn"+s).attr("class","cur_thumb");
		oldSlide=s;
	}
	setTimeout("setCurrent()",200);
}

function gotoSlide(i) {
	if (i==curSlide||slidePlaying) return;
	
	$("#btn"+(curSlide+1)).attr("class","thumb_item");
	$("#btn"+(i+1)).attr("class","cur_thumb");
	
	curSlide=i;
	slidePlaying = true;
	mySlider.flexAnimate(i,false);

}

function nextSlide() {
	if (slidePlaying) return;
	//resetCurrent();
	
	var j = curSlide+1;
	if (j==maxSlide) {j=0;}
	$("#btn"+(j+1)).attr("class","cur_thumb");
	curSlide=j;
	slidePlaying = true;
	mySlider.flexAnimate(j,false);
}

function prevSlide() {
	if (slidePlaying) return;
	//resetCurrent();
	
	var j = curSlide-1;
	if (j==-1) {j=maxSlide-1;}
	$("#btn"+(j+1)).attr("class","cur_thumb");	
	curSlide=j;
	slidePlaying = true;
	mySlider.flexAnimate(j,false);
}

$(document).ready(function() {
	
	$("#btn1").attr("class","cur_thumb");
	
	setCurrent();
	
	$('.flexslider').flexslider({
		animation: 'slide',
		slideshow: false,
		slideshowSpeed: 500,
		animationDuration: 450,
		controlNav: false,
		directionNav:false,
		pauseOnAction: false,
		pauseOnHover: false,
		animationLoop: true,
		start: function(slider) {
			mySlider = slider;
		},
		before: function(slider) {
			slidePlaying = true;
		},
		after: function(slider) {
        	slidePlaying = false;
			//resetCurrent();
			curSlide=slider.currentSlide;
			//document.getElementById("#btn"+(curSlide+1)).setAttribute("class","cur_thumb");
			//$("#btn"+(curSlide+1)).attr("class","cur_thumb");
			
      	}
	});
	
	slidePlaying=false;
	
});