// JavaScript Document

var sliding;
var caseURL, caseIndex;
var totalPages, activePage;


function createIndex()
{	
	/*var whichService = xmlDoc.getElementsByTagName("TYPE")[0].firstChild.data;*/
	var caseStudy = xmlDoc.getElementsByTagName("CASE");
	var caseStudyLength = caseStudy.length;
		
	var caseStudyList = "<ul>";
	for (var i=0; i<caseStudyLength; i++) {
		caseStudyList += "<li>";
		/*caseStudyList += "<a href='"+whichService+".html?"+(i+1)+"'>";*/
		caseStudyList += "<h2>";
		caseStudyList += "<a href='multimedia.html?"+(i+1)+"'>";
		caseStudyList += "<img src='/clients/local/content/"+xmlDoc.getElementsByTagName("IMAGE")[i].firstChild.data+"' ";
		caseStudyList += "width='40' alt='"+xmlDoc.getElementsByTagName("ALT")[i].firstChild.data+"' />";
		caseStudyList += xmlDoc.getElementsByTagName("TITLE")[i].firstChild.data;
		caseStudyList += "</a>";
		caseStudyList += "</h2>";
		caseStudyList += "</li>";
	}
	caseStudyList += "</ul>";
	
	document.write(caseStudyList);
}


function paginationUpdate(currPage)
{	
	var prevButton = document.getElementById("prev");
	var nextButton = document.getElementById("next");
    if (prevButton && nextButton) {
		if (currPage <= 1) {
			//alert('1: '+currPage+' '+activePage+' / '+totalPages);
			activePage = 1;
			currPage = 1;
			//alert('1: '+currPage+' '+activePage+' / '+totalPages);
		} else if (currPage >= totalPages) {
			//alert('2: '+currPage+' '+activePage+' / '+totalPages);
			activePage = totalPages;
			currPage = totalPages;
			//alert('2: '+currPage+' '+activePage+' / '+totalPages);
		} else {
			activePage = currPage;
			//alert('3: '+currPage+' '+activePage+' / '+totalPages);
		}
	
		if (currPage > 1) {
			prevButton.className="prevnext";
		} else {
			prevButton.className="prevnext disablelink";
		}
		if (currPage < totalPages) {
			nextButton.className="prevnext";
		} else {
			nextButton.className="prevnext disablelink";
		}
		for (i=1;i<totalPages+1;i++) {
			document.getElementById(i).className="";
		}
		document.getElementById(currPage).className="currentpage";
	}
}


function createPanels()
{	
	var caseStudy = xmlDoc.getElementsByTagName("CASE");
	var caseStudyLength = caseStudy.length;
	var i;	// Loop counter

	var caseStudyPanel = "<div class='pagination'><ul>";
	caseStudyPanel += "<li class='prevnext'><a href='#' onclick='sliding.showPreviousPanel(); paginationUpdate(parseInt(activePage)-1); return false;' id='prev' class='prevnext disablelink'>&lt; Previous</a></li>";
	
	
	// Selecting panel by id methods (Pagination)
	for (i=0; i<caseStudyLength; i++) {
		caseStudyPanel += "<li";
		if (i === 0) {
			caseStudyPanel += " class='first'";
		}
		caseStudyPanel += "><a href='#' onclick='sliding.showPanel(\"case_p"+(i+1)+"\"); paginationUpdate("+(i+1)+"); return false;' ";
		caseStudyPanel += "id='"+(i+1)+"' title='"+(xmlDoc.getElementsByTagName("TITLE")[i].firstChild.data)+"'>";
		caseStudyPanel += (i+1)+"</a></li>";
		/*if ((i+1) < caseStudyLength) {
			caseStudyPanel += " | ";
		}*/
	}
	caseStudyPanel += "<li class='prevnext'><a href='#' onclick='sliding.showNextPanel(); paginationUpdate(parseInt(activePage)+1); return false;' id='next' class='prevnext'>Next &gt;</a></li>";
	caseStudyPanel += "</ul></div>";

	caseStudyPanel += "<div id='case' class='SlidingPanels' tabindex='0'>";
	caseStudyPanel += "<div class='SlidingPanelsContentGroup'>";
	

	// Create Case Studies Panels
	for (i=0; i<caseStudyLength; i++) {
		caseStudyPanel += "<div id='case_p"+(i+1)+"' class='SlidingPanelsContent p"+(i+1)+"' >";
		caseStudyPanel += "<p class='title'>";
		caseStudyPanel += xmlDoc.getElementsByTagName("TITLE")[i].firstChild.data;
		caseStudyPanel += "</p>";
		caseStudyPanel += "<p class='story'>";
		caseStudyPanel += "<img src='/clients/local/content/"+(xmlDoc.getElementsByTagName("IMAGE")[i].firstChild.data)+"' alt='"+(xmlDoc.getElementsByTagName("ALT")[i].firstChild.data)+"' class='right' />";
		caseStudyPanel += xmlDoc.getElementsByTagName("SERVICE")[i].firstChild.data;
		caseStudyPanel += "</p>";
		caseStudyPanel += "</div>";
	}
	caseStudyPanel += "</div>";
	caseStudyPanel += "</div>";

	// Set Pagination Variables
	totalPages = caseStudyLength;


	// Find the Loading and Content Divs
	var loadingDiv = document.getElementById("loading");
	var contentDiv = document.getElementById("content");
    if (loadingDiv && contentDiv) {
		document.getElementById("loading").style.display = 'none';
		document.getElementById("content").innerHTML = caseStudyPanel;
		
		caseURL = window.location.search.substring(1);
		caseIndex = 0;
		
		if (caseURL !== '') {
			caseIndex = caseURL-1;				// Set Case Study Number
		}
		document.getElementById("content").style.display = 'block';
		sliding = new Spry.Widget.SlidingPanels("case",{defaultPanel:caseIndex});
	}
}


/*function getCaseNumber()
{	
	caseURL = window.location.search.substring(1);
	caseIndex = 0;
	
	if (caseURL != '') {
		caseIndex = caseURL-1;				// Set Case Study Number
	}
	
	sliding = new Spry.Widget.SlidingPanels("case",{defaultPanel:caseIndex});
}*/


var whichXML = "/clients/local/xml/casestudies_multimedia.xml";

function casestudies_index() {
	importXML(whichXML);
	createIndex();
}

function casestudies() {
	importXML(whichXML);
	createPanels();
	//getCaseNumber();
	paginationUpdate(caseURL);
}

window.onload = casestudies;