/*
Custom Velir Scripts

Description: Houses all the site-specific scripts. Depends on the jQuery library.
*/

/* add the advanced CSS file */
document.write('<link rel="stylesheet" href="\/styles/advanced.css" type="text\/css" media="screen" \/>');


$(document).ready(function() {
	
	// case studies
	$("#casestudies h4 a").click(function() {
		$(this).parents("li").toggleClass("open");
		return false;
	});
	
	$("#services li .addl h5").addClass("accessibility");
	$("#services li:first h5").removeClass("accessibility").addClass("fauxheader");
	$(".case-details").addClass("clear");
	$("#other-cs h5").click(function() {
		$(this).toggleClass("open");
		$(this).siblings("ul").toggleClass("open");
		
		$("body").bind("click", function() { 
			$("#other-cs h5").removeClass("open");
			$("#other-cs ul").removeClass("open");
		});
		
		return false;
	})

	if(document.getElementById("showcase")) {
		var sc = document.getElementById("showcase");
		setShowcase(sc, 1);
	}

	function setShowcase(sc, id) {
		// figure out how many images are in there
		var sc = sc;
		var id = id;
		
		if(!sc.getElementsByTagName("img")) return false;

		imgs = sc.getElementsByTagName("img");
		cImgs = imgs.length;
			
		if(id > cImgs) { id=1; }
		var tid = id;

		// grab the title from the alt attribute of the image with said 'id'.
		if(!document.getElementById("t"+tid)) { return false; }
		aImg = document.getElementById("t"+tid);
		var title = aImg.getAttribute("alt");
		var fTitle = "<span>"+id+" of "+cImgs+"&nbsp;&nbsp;|&nbsp;&nbsp;</span>"+title;
		
		// dump that value into the <span>
		if(!sc.getElementsByTagName("span")) { return false; }
		aSpans = sc.getElementsByTagName("span");
	
		for(i=0;i<aSpans.length;i++) {
			if(aSpans[i].className == "title") {
				aSpans[i].innerHTML = fTitle;
			}
		}
		
		for(i=0; i<imgs.length;i++) {
			imgs[i].className = "";
			if(imgs[i].id == "t"+id) {
				imgs[i].className = "show";
			}
		}
		
		tid++;
		
		if(!sc.getElementsByTagName("a")[0]) { return false; }
		var aLnks = sc.getElementsByTagName("a")[0];
		aLnks.setAttribute("href","#t"+tid);
		aLnks.onclick = function() {
			setShowcase(sc,tid);
			return false;
		};
	}

});