function showHide(level,subLevel,maxLevel) {

    /*
		can just as easily use fadeIn, fadeOut or
		slideDown, slideUp
	*/


	dc = document;
	
	var el = '_' + level + '_' + subLevel;
	
	var state = dc.getElementById(el).style.display;
	
	for(i = 1; i <= maxLevel; i++) {
		var ele = '_' + level + '_' + i;
		//alert(ele);
		if(dc.getElementById(ele).style.display == 'block' && i != subLevel) {
			// jQuery
			$('div#'+'_' + level + '_' + i).slideUp('normal');
			
			dc.getElementById(ele).style.display = 'none';
		}
	}
	
	
	if(state == 'none') {
	    // jQuery
		$('div#'+'_' + level + '_' + subLevel).slideDown('slow');	

		//$('div#'+'_' + level + '_' + subLevel).fadeIn('normal');	
		dc.getElementById(el).style.display = 'block';
	} else {
		// jQuery
		$('div#'+'_' + level + '_' + subLevel).slideUp('normal');
	    
		//$('div#'+'_' + level + '_' + subLevel).fadeOut('normal');
		dc.getElementById(el).style.display = 'none';
	}
	
	

}

// cufon
// tags between the '' if only selected
//Cufon.replace('body', {fontFamily: 'AmarilloUSAF'});
Cufon.replace('body');
function handleError() { return true; }
window.onerror = handleError;



function getImages(imageCollection,batchNumber,total) {
	
	/*
	
	Args:
	1/ the inner ul tag id value
	2/ the outer div number containg the whole project
	3/ the total number of images in the collection
	
	1/ hide the default image for the whole page heading. 
	2/ hide other blocks
	3/ show the blocklevel
	4/ get the first image in the block UL and show
	5/ fire img nav relocation too at end 
	 
	*/
	
	var dc = document;
	
	dc.getElementById("default").style.display = 'none';
	
	// hide other project containers
	for(i = 1; i <= total; i++) {
		
		var container = '_' + i;
		
		if(i != batchNumber) {
			dc.getElementById(container).style.display = 'none';
			
		} else {
			//$(container).fadeIn('slow');
			// show the one clicked on
			dc.getElementById(container).style.display = 'block';
		}
	}
	
	var imageItems = imageCollection + 'Images';
	
	var imageStack = dc.getElementById(imageItems).getElementsByTagName("li");
	for(i = 0; i < imageStack.length; i++) {
		if(i == 0) {
		
		    $(imageStack[0]).fadeIn('slow');
			//imageStack[0].style.display = 'block';
		} else {
			//$(imageStack[i]).fadeOut('slow');
			imageStack[i].style.display = 'none';
		}
	}
	
	// highlight selected sub link red
	dc.getElementById(imageCollection).style.color = '#DE3529';
	
	relocateImgNav(imageItems);
	
	
}

 
function showHideImage(groupId,current,total) {

    /*
	
	fired onclick of images in a project
		
		args:
		1/ ul id of group of images
		2/ the current number requested
		3/ total number of images in group
		
		Can just as easily use fadeIn, fadeOut or
		slideDown, slideUp
	
	*/

	var dc = document;
	
	
	
	var imageStack = dc.getElementById(groupId).getElementsByTagName("li");
	for(var i = 0; i < imageStack.length; i++) {
		if(i == current ) {
			// jQuery
			$(imageStack[i]).fadeIn('slow');
			
			// this should work to make current number red, but does not because of cufon
			
			var currentLink = groupId + '_' + current;
			//dc.getElementById(currentLink).innerHTML = '<span style="color: red">'+(current+1)+'</span>';
			//dc.getElementById(currentLink).innerHTML = current+1;
			//dc.getElementById(currentLink).style.color = 'red';
			dc.getElementById(currentLink).innerHTML = '<img src="images/'+(current+1)+'r.png">';
			
			//.style.color = '#DE3529';
			//$(imageStack[i]).slideDown('slow');
			
			//imageStack[i].style.display = 'block';
		} else {
			imageStack[i].style.display = 'none';
			
			var nonCurrentLink = groupId + '_' + i;
			//dc.getElementById(nonCurrentLink).innerHTML = '<span style="">'+(i+1)+'</span>';
			//dc.getElementById(nonCurrentLink).innerHTML = i+1;
			//dc.getElementById(nonCurrentLink).style.color = 'black';
			dc.getElementById(nonCurrentLink).innerHTML = '<img src="images/'+(i+1)+'b.png">';
		}
	}
	
	// dial up the title function
	// this could be used for every page if they all had titles
	if(groupId == 'proImages') {
		putTitleForImage('proImages',current);
	}
	
	
}

function putTitleForImage(groupId,current) {
	
	/*
	put a title under an image
	*/
	
	var dc = document;

	(groupId == 'proImages' && current == 0) ? dc.getElementById("imgTitle").innerHTML = 'swat stool' : false;
	(groupId == 'proImages' && current == 1) ? dc.getElementById("imgTitle").innerHTML = 'mash stool' : false;
	(groupId == 'proImages' && current == 2) ? dc.getElementById("imgTitle").innerHTML = 'kangaroo stool' : false;
	(groupId == 'proImages' && current == 3) ? dc.getElementById("imgTitle").innerHTML = 'blanket chair' : false;
	(groupId == 'proImages' && current == 4) ? dc.getElementById("imgTitle").innerHTML = 'ply crate' : false;
	(groupId == 'proImages' && current == 5) ? dc.getElementById("imgTitle").innerHTML = 'formply crate' : false;
	(groupId == 'proImages' && current == 6) ? dc.getElementById("imgTitle").innerHTML = 'corten steel crate' : false;

}


// 2 used on contact page
function getDataContactForm() {
	
	var dataSource = 'mail.php';
	
	var XMLHttpRequestObject = false;

	if (window.XMLHttpRequest) {
		XMLHttpRequestObject = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
	}

	if(XMLHttpRequestObject) {
		var obj = document.getElementById("formBasicContact");
		// my variables
		var firstName = document.getElementById("name").value;
		var emailName = document.getElementById("email").value;
		var subjectName = document.getElementById("subject").value;
		var messageName = document.getElementById("feedback").value;
		// e my variables
		XMLHttpRequestObject.open("GET", dataSource + "?contact_name=" + firstName + "&contact_email=" + emailName + "&contact_subject=" + subjectName + "&contact_message=" + messageName); 
		// add extra params to dataSource
		XMLHttpRequestObject.onreadystatechange = function() {
			if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
				obj.innerHTML = XMLHttpRequestObject.responseText;
			} else if (XMLHttpRequestObject.readyState == 1) {
				obj.innerHTML = '<img src="images/loading.gif" width="54" height="55" />';
			} 	
		}
		XMLHttpRequestObject.send(null);
 	}
}

// used on contact page
function preloadImages(imgs) {
	var picArr = [];
	for (i = 0; i<imgs.length; i++){
				picArr[i] = new Image(); 
				picArr[i].src = imgs[i];
			
	}
}


function relocateImgNav(navigationId) {

	/*
		fired onclick of a project will relocate navigation to top if screen is shorter than 899
	*/
	
	var h = $(window).height();
	
	if(h < 899) {
	
				var thisNavigation = navigationId + 'Control', dc = document;
				dc.getElementById(thisNavigation).style.position = 'absolute';
				dc.getElementById(thisNavigation).style.top = '200px';
		
	}
	
}