//GALLERY FUNCTION

//showPic Function 
function showPic(whichpic) {
	if(!document.getElementById("placeholder")) return true;
	var source = whichpic.getAttribute("src");
	var placeholder = document.getElementById("placeholder");
	placeholder.setAttribute("src",source);
	if(!document.getElementById("description")) return false;
	if(whichpic.getAttribute("alt")) {
		var text = whichpic.getAttribute("alt");
	} else {
		var text = "";
	}
	var description = document.getElementById("description");
	if(description.firstChild.nodeType == 3) {
		description.firstChild.nodeValue = text;
	}
	return false;
}

//prepare Gallery Function
function prepareGallery() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("imageGallery")) return false;
	var gallery = document.getElementById("imageGallery");
	var links = gallery.getElementsByTagName("img");
	for (var i=0; i < links.length; i++) {
		links[i].onmouseover = function() {
			return showPic(this);
		}
	}
}
addLoadEvent(prepareGallery);

/*$(function() {
	$("#toggleOverview").click(function() {
		$("#overView").slideToggle("fast",checkText());																	
	});
	$("#closeBtn span").click(function() {
		$("#overView").slideUp("fast");
	});
});
function checkText() {
	var overView = document.getElementById("overView");
	var toggleBtn = document.getElementById("toggleOverview");
	var layer = overView.style.display;
	if(layer == "block") {
		toggleBtn.innerHTML = "VIEW OVERVIEW";
	} else {
		toggleBtn.innerHTML = "HIDE OVERVIEW";
	}
}*/
$(function() {
	$("#toggleOverview").click(function() {
		$("#mainOverView").slideDown("fast");																	
	});
	$("#closeBtn span").click(function() {
		$("#mainOverView").slideUp("fast");
	});
	$("#toggleList").click(function() {
		$("#list").slideDown("fast");
		$("#closeList").css("display","block");
		$("#scrollTrack").css("display","block");
	});
	$("#closeList span").click(function() {
		$("#list").slideUp("fast");
		$("#closeList").css("display","none");
		$("#scrollTrack").css("display","none");
	});
});	

/*$(function() {
	$("#toggleServiceOverview").click(function() {
		$("#serviceOverView").slideToggle("fast",checkServiceText());																	
	});
});
function checkServiceText() {
	var overView = document.getElementById("serviceOverView");
	var toggleBtn = document.getElementById("toggleServiceOverview");
	var layer = overView.style.display;
	if(layer == "block") {
		toggleBtn.innerHTML = "VIEW SERVICE OVERVIEW";
	} else {
		toggleBtn.innerHTML = "HIDE SERVICE OVERVIEW";
	}
}*/
					
/*$(function() {
	$("#toggleList").click(function() {
		$("#list").slideToggle("fast",checkListText());																	
	});
});
function checkListText() {
	var list = document.getElementById("list");
	var scrollTrack = document.getElementById("scrollTrack");
	var toggleBtn = document.getElementById("toggleList");
	var layer = list.style.display;
	if(layer == "block") {
		toggleBtn.innerHTML = "VIEW CLIENT LIST";
		scrollTrack.style.display = "none";
	} else {
		toggleBtn.innerHTML = "HIDE CLIENT LIST";
		scrollTrack.style.display = "block";
	}
}*/