// ========= Jquery Slider Functions
var panelHeight, headlineWidth;
jQuery.fn.slider = function() {
	var container = $(this);
	panelHeight = container.find(".slide").height();
	var panelCount = container.find(".slide").size();
	var bannerHeight = panelHeight*panelCount;
	var cPanel = 3; // ----------- Where to start

	$("#slider #slidecontrol ul li:eq("+cPanel+")").addClass("current");
	var position = - (panelHeight*cPanel);
	$(this).css("top", position);
	$("#slider #slidecontent .slide:eq("+cPanel+")").addClass("current");
	$("#slider #slidecontent .current .headline").css("margin-left","0");
	headlineWidth = $("#slider #slidecontent .current .headline").width();
};

function showSlide(){
	var cPanel = $("#slider #slidecontrol ul li.current").attr("rel") - 1;
	var position = - (panelHeight*cPanel);

	$("#slider #slidecontent").fadeOut(850, function() {
		$("#slider #slidecontent .slide").removeClass("current");
		$("#slider #slidecontent .slide:eq("+cPanel+")").addClass("current");
		$("#slider #slidecontent").css("top", position).fadeIn(650, function() {
			$("#slider #slidecontent .current .headline").animate({marginLeft: 0},800,'swing');
		});
	});
}


// ========= Jquery Elements
$(document).ready(function(){

	$("#slider #slidecontent").slider();
	var i=1;
	$("#slider #slidecontrol ul li").each(function () {
		$(this).attr('rel',i+'');
		i++;
	});
	$("#slider #slidecontrol ul").carouFredSel({
		direction: "up",
		width: 300,
		height: 316,
		items: {
			visible: 4,
			width: 300,
			height: 79
		},
		scroll: {
			items: 1
		},
		auto: { // Automatically moving
			play: true,
			pauseDuration: 10000,
			onBefore: function() {
				$("#slider #slidecontrol ul li.current").removeClass("current").next().addClass("current");
				$("#slider #slidecontent .current .headline").animate({marginLeft: headlineWidth},800,'swing', function() { showSlide(); });
			}
		},
		prev: "#sliderprev",
		next: "#slidernext"
	}).find("li").click(function() { // You clicked on an entry
		var clickedOn = $(this);
		$("#slider #slidecontent .current .headline").animate({marginLeft: headlineWidth},800,'swing', function() {
			$(clickedOn).addClass("current");
			$("#slider #slidecontrol ul li").not(clickedOn).removeClass("current");
		    $("#slider #slidecontrol ul").trigger("slideTo", [$(clickedOn), -3]);
			showSlide();
		});

	}).css("cursor", "pointer");

	$("#sliderprev").click(function() { // You clicked on the top arrow
		if ($("#slider #slidecontrol ul li.current").length > 0) {
			$("#slider #slidecontrol ul li.current").removeClass("current").prev().addClass("current");
		} else {
			$("#slider #slidecontrol ul li:eq(3)").addClass("current");
		}
		$("#slider #slidecontent .current .headline").animate({marginLeft: headlineWidth},800,'swing', function() { showSlide(); });
	});
	$("#slidernext").click(function() { // You clicked on the bottom arrow
		if ($("#slider #slidecontrol ul li.current").length > 0) {
			$("#slider #slidecontrol ul li.current").removeClass("current").next().addClass("current");
		} else {
			$("#slider #slidecontrol ul li:eq(3)").addClass("current");
		}
		$("#slider #slidecontent .current .headline").animate({marginLeft: headlineWidth},800,'swing', function() { showSlide(); });
	});

});