$.fn.cycle = function(timeout, nav){
	var $all_elem = $(this)
	var nav = $(nav);
	var gindex = 0;
	var timeoutid;
	var curSlide = 0;

	nav.find("li").bind('click', function(){
		clearTimeout(timeoutid)
		var j = nav.find("li").index(this)
		//goToSlide(j);
		curSlide = j;
		show_cycle_elem(j, 15000);
		return false;
	});

	goToSlide = function(i){
		curSlide = i % $(".panel-content").size();
		var cur = $(".panel-group .panel-content").eq(i % $(".panel-content").size());
		var l = cur.attr('id').substr(1) - 1;

		nav.find("li").removeClass("active");
		nav.find("li").eq(l).addClass("active");

		$(".panel-content").fadeOut();
		$(".panel-content").eq(i % $(".panel-content").size()).fadeIn();
	}

	show_cycle_elem = function(index, timeout2){
		goToSlide(index);
		timeoutid = setTimeout(function(){show_cycle_elem(curSlide + 1, timeout)}, timeout2);
	}
	timeoutid = setTimeout(function(){ show_cycle_elem(1, timeout); }, timeout);

	
}



$(document).ready(function() {

	$(".panel-content").cycle(15000, ".panels-nav");
	
});