/*
	Panel-Slider
*/



function showPanel(navButton, panelId) {
	var actIndex = $(".slider-panel").index($(".slider-content .selected"));
	$oldPanel = $(".slider-content .selected:first");
	$newPanel = $(panelId);
	$(".slider-navigation a").removeClass("selected");
	$(".slider-panel").removeClass("selected");
	$(navButton).addClass("selected");
	$newPanel.addClass("selected");
	var newIndex = $(".slider-panel").index($(".slider-content .selected"));
	if (actIndex < newIndex) {
		if ($newPanel.hasClass('transparency')) {
			$newPanel.fadeIn();
			$oldPanel.fadeOut();
		} else {
			$newPanel.fadeIn('normal', function () {
				$oldPanel.hide();
			});
		}
		animationPanelFade();
	}
	if (actIndex > newIndex) {
		if ($oldPanel.hasClass('transparency')) {
			$newPanel.fadeIn();
			$oldPanel.fadeOut();
		} else {
			$newPanel.show();
			$oldPanel.fadeOut();
		}
		animationPanelFade();
	}	
	$newPanel.focus();
}

$(document).ready(function() {
	// Panel-Slider: Init
	var $img;
	if ($(".slider-panel").length>0) {
		$(".slider-panel").css({"display":"none"});
		$(".slider-panel:first").css({"display":"block"}).addClass("selected");
		$(".slider-navigation a:first").addClass("selected");
		$(".slider-content").prepend('<div class="extra-border-container"></div>');
		$(".slider-panel .contentbox_margins").removeClass("contentbox_margins").addClass("contentbox_nomargins");
		
		$(".caption-img a").each(function() {
			var $panel = $(this).closest('.slider-panel').attr("id");

			$('<div class="detail-img '+$panel+'"><img src="'+$(this).attr('href')+'" /></div>').appendTo('.slider').click(function(event) {
				$(this).hide();
			});
			$(this).click(function(event) {
				event.preventDefault();
				$('.detail-img.'+$panel).toggle();
				$(this).blur();
			});
		});
		
		// Panel-Slider: Link Interaction
		$('.slider-navigation a').click(function(event) {
			event.preventDefault();
			var url = $(this).attr("href");
			var urlAnchor = url.substr(url.indexOf("#"));
			if ($img) {
				$img.hide();
			}
			hidePanelAnimation();
			$('.detail-img').hide();
			showPanel(this, urlAnchor);
		});
		
		// Pulse Link Interaction
		$('#pulseButton').click(function(event) {
			event.preventDefault();
			var url = $(".page-browser-numbers a.selected").attr("href");
			var urlAnchor = "#panel" + (parseInt(url.substr(url.indexOf("#")+6))+1);
			hidePanelAnimation();
			showPanel($(".page-browser-numbers li a.selected").parents('li').next().find("a"), urlAnchor);
		});
		
	}
	

	
	hidePanelAnimation();
	animationPanelFade();

	
	if ($(".index-text").prev(".animation-panel").length<=0) {
		$(".index-text .animation-panel").hide();
		setTimeout(function() {
			$(".index-text").show();
			$(".index-text .animation-panel:first").slideDown(800, animationFade);
		},1000);
	}
	else if ($(".index-text .animation-panel").length>0) {
		$(".index-text .animation-panel").hide();
		$(".index-text .animation-panel:first").slideDown(800, animationFade);
	}
	
	
});

function hidePanelAnimation() {
	$(".animation-text").hide();
	$("#pulseButton").hide();
	$("#pulseButton").clearQueue();
}
function startPulseButton() {
	if ($(".selected").index(".slider-panel") < ($(".slider-panel").length-1)) {
		$("#pulseButton").delay(400).effect("pulsate", { times:7 }, 2500);
	}
}

function animationPanelFade() {
	$(".animation-panel").clearQueue();
	var $animationTextObj = $(".slider-panel.selected .animation-text");
	if ($animationTextObj.length > 0) {
		if ($animationTextObj.prev(".animation-panel").length<=0) {			
			$(".animation-text .animation-panel").hide();
			setTimeout(function() {
				$animationTextObj.show();
				$(".slider-panel.selected .animation-text .animation-panel:first").slideDown(800, animationFade);
			},1000);
		}
		else if ($animationTextObj.$(".animation-panel").length>0) {
			$animationTextObj.$(".animation-panel").hide();
			$(".slider-panel.selected .animation-text .animation-panel:first").slideDown(800, animationFade);
		}
	}
}

function animationFade() {
	if ($(this).next(".animation-panel").length > 0) {
		if ($(this).is('.slow')) {
			$(this).delay(6000).slideUp(800, function() {
				$(this).next(".animation-panel").slideDown(1000, animationFade);
			});
		} else {
			$(this).delay(4000).slideUp(800, function() {
				$(this).next(".animation-panel").slideDown(1000, animationFade);
			});
		}
	} else {
		startPulseButton();
	}
}