// JavaScript Document
function updatePortfolioBtnView()
{ 
	var index = document.slidePortfolio.getContentPanelIndex(document.slidePortfolio.currentPanel);
	var lastIndex = document.slidePortfolio.getContentPanels().length - 1;
	
	btn = document.getElementById("btn-previous-portfolio");
	if (index > 0) { 
		btn.style.backgroundImage = "url(\"images/portfolio-previous.png\")"; 
	} else { 
		btn.style.backgroundImage = "url(\"images/portfolio-previous-disabled.png\")"; 
	} 
	
	btn = document.getElementById("btn-next-portfolio");
	if (index < lastIndex) { 
		btn.style.backgroundImage = "url(\"images/portfolio-next.png\")"; 
	} else { 
		btn.style.backgroundImage = "url(\"images/portfolio-next-disabled.png\")"; 
	}
}

function initPanelPortfolio()
{
	document.slidePortfolio = new Spry.Widget.SlidingPanels("portfolio-window");
	updatePortfolioBtnView();
}
			
function btnPreviousPortfolioOnClick() 
{
	document.slidePortfolio.showPreviousPanel();
	updatePortfolioBtnView();
}

function btnNextPortfolioOnClick() 
{
	document.slidePortfolio.showNextPanel(); 
	updatePortfolioBtnView();
}

function initPanelMandat()
{
	document.panelMandat = new Spry.Widget.SlidingPanels("panel-mandat");
	document.panelMandat.collapsed = true;
}

function panelMandatTabOnClick()
{
	if (document.panelMandat.collapsed) {
		document.panelMandat.showNextPanel();
		document.panelMandat.collapsed = false;
		
		var fade = new Spry.Effect.Fade('btn-mandat-label',{duration: 1000,from: 100, to: 0});
		fade.start();
		
		var label = document.getElementById("btn-mandat-label");
		label.style.cursor = "default";
	}
}

function btnClosePanelMandatOnClick()
{
	if (!document.panelMandat.collapsed) {
		document.panelMandat.showPreviousPanel();
		document.panelMandat.collapsed = true;
		
		var fade = new Spry.Effect.Fade('btn-mandat-label',{duration: 1000,from: 0, to: 100});
		fade.start();
		
		var label = document.getElementById("btn-mandat-label");
		label.style.cursor = "pointer";
	}
}