/* ATTACH FUNCTIONS */
if(document.addEventListener){
	window.addEventListener("DOMContentLoaded",loadFormEvents,false);
	window.addEventListener("DOMContentLoaded",loadPortOverlays,false);
	window.addEventListener("DOMContentLoaded",attachAbout,false);
	//window.addEventListener("DOMContentLoaded",createOverlays,false);
	} else if (document.attachEvent) {
	window.attachEvent("onload",loadFormEvents);
	window.attachEvent("onload",loadPortOverlays);
	window.attachEvent("onload",attachAbout);
	//window.attachEvent("onload",createOverlays);
	}




// ATTACH FORM EVENTS
function loadFormEvents() {

	var inTags = new Array();
	inTags = document.getElementsByTagName('input');
	var inTagsLen = inTags.length;

	for (var i=0; i<inTagsLen; i++){

		var theTag = inTags[i].id;
		var theObj = document.getElementById(theTag);

		if(document.addEventListener) {
			theObj.addEventListener("focus",clearField,false);
			theObj.addEventListener("blur",resetField,false);
			} else if (document.attachEvent) {
			theObj.attachEvent("onfocus",clearField);
			theObj.attachEvent("onblur",resetField);
			}

		}

	var textAr = document.getElementById('thoughts');
	if (document.addEventListener) {
		textAr.addEventListener("focus",clearField,false);
		textAr.addEventListener("blur",resetField,false);
		} else if (document.attachEvent) {
		textAr.attachEvent("onfocus",clearField);
		textAr.attachEvent("onblur",resetField);
		}
	}



/* ATTACH PORTFOLIO OVERLAYS */
function loadPortOverlays() {

	var inTags = new Array();
	var aTags = new Array();

	var theCon = document.getElementById('content')
	inTags = theCon.getElementsByTagName('img');

	var inTagsLen = inTags.length;

	for (var i=0; i<inTagsLen; i++){

		// ATTACH EVENTS TO ALL THE PORTFOLIO ITEMS
		if (inTags[i].className == "portfolio") {
			var theTag = inTags[i].id;
			var theObj = document.getElementById(theTag); 
			} 
		}  
	} 

/* ATTACH ABOUT POP UP */
function attachAbout() {
	//theID = document.getElementById('about');
	//closeBioID = document.getElementById('closebio');
	contactID = document.getElementById('contact');
	closeThanksID = document.getElementById('closethanks');
/*	showNavButs = document.getElementById('buttons');
	nextButton = document.getElementById('next');
	prevButton = document.getElementById('previous');
	closeOverID = document.getElementById('closeover');
*/

	if (document.addEventListener) {
			//theID.addEventListener("click",showBio,false);
			//closeBioID.addEventListener("click",closeBio,false);
			//contactID.addEventListener("click",closeBio,false);
			closeThanksID.addEventListener("click",closeThanks,false);
/* 			closeOverID.addEventListener("click",closeOver,false);
			showNavButs.addEventListener("mouseover",showButtons,false);
			showNavButs.addEventListener("mouseout",hideButtons,false);
			nextButton.addEventListener("mouseover",loadImg,false);
			nextButton.addEventListener("click",showPort,false);
			prevButton.addEventListener("mouseover",loadImg,false);
			prevButton.addEventListener("click",showPort,false);
*/
			} else if (document.attachEvent) {

			//theID.attachEvent("onclick",showBio);
			//closeBioID.attachEvent("onclick",closeBio);
			//contactID.attachEvent("onclick",closeBio);
			closeThanksID.attachEvent("onclick",closeThanks);
/*			closeOverID.attachEvent("onclick",closeOver);
			showNavButs.attachEvent("onmouseover",showButtons);
			showNavButs.attachEvent("onmouseout",hideButtons);
			nextButton.attachEvent("onclick",showPort);
			prevButton.attachEvent("onclick",showPort);
*/
			}


	}









/* START SLIDESHOW -- LOOPED SLIDER */
$(function(){
	 $('#loopedslider').loopedSlider({
		autoStart: 5000,
		restart: 2500,
		slidespeed: 900,
		addPagination:true,
		fadespeed: 500
		});

	});




/* BIO POPUP FUNCTION */
//function showBio() {
//	$(document).ready(function(){
//		$("#overlay").slideDown(600);	// show overlay
//		// after delay, fade content in
//		document.getElementById('overlay-container').style.display = "block";
//		$("#bio").delay(600).fadeIn("slow");
//		})
//	}

/* CLOSE BIO FUNCTION */
//function closeBio() {

//	$(document).ready(function(){
		// AFTER SHORT DELAY, FADE CONTENT OUT
//		$("#bio").fadeOut(600);
		// MOVE OVERLAY UP
//		$("#overlay").delay(400).slideUp(200);
		// CLOSE CONTAINTER
//		document.getElementById('overlay-container').style.display = "none";
//		})

//	}


/* SHOW/HIDE THANKS POPUP FUNCTION */
function thanks() {
	$(document).ready(function(){
		$("#overlay").slideDown(600);	// show overlay
		// after delay, fade content in
		document.getElementById('overlay-container').style.display = "block";
		$("#thanks").delay(600).fadeIn("slow");
		})
	}


function closeThanks() {
	$(document).ready(function(){
		// AFTER SHORT DELAY, FADE CONTENT OUT
		$("#thanks").fadeOut(600);
		// MOVE OVERLAY UP
		$("#overlay").delay(400).slideUp(200);
		// CLOSE CONTAINTER
		document.getElementById('overlay-container').style.display = "none";
		})
	}





/* SHOW/HIDE NAV BUTTONS ON OVERLAY */
function showButtons () {

 	nextButton = document.getElementById('next');
	prevButton = document.getElementById('previous');

	nextButton.style.display = "block";
	prevButton.style.display = "block";


	// ADJUST THE POSITION OF THE NEXT/PREV BUTTONS
	var imgHeight = document.getElementById('port-img').height;
	var imgSrc = document.getElementById('port-img').src;

	// CALC MIDDLE OF IMAGE
	var buttonTop = parseInt((imgHeight - 14)/2);

	// ADD 75PX TO COMPENSATE FOR PADDING
	var regExp = /websites/;
	if (!regExp.test(imgSrc)) {
		buttonTop += 75;
		}

	nextButton.style.top = buttonTop + "px";
	prevButton.style.top = buttonTop + "px";

	}


function hideButtons() {
	document.getElementById('next').style.display = "none";
	document.getElementById('previous').style.display = "none";
	}






/* FORM RELATED FUNCTIONS */
function clearField (evt){

	// FIND THE OBJECT FOCUSED
	var theObj = evt.target || evt.srcElement;
	var theID = theObj.id;

	var curValue = document.getElementById(theID).value;

	switch(curValue) {

		case "Name":
		document.getElementById(theID).value = "";
		break;

		case "Title":
		document.getElementById(theID).value = "";
		break;

		case "Company":
		document.getElementById(theID).value = "";
		break;

		case "Email":
		document.getElementById(theID).value = "";
		break;

		case "Phone":
		document.getElementById(theID).value = "";
		break;

		case "How did you find us?":
		document.getElementById(theID).value = "";
		break;

		case "Send us your thoughts…":
		document.getElementById(theID).value = "";
		break;


		}


//	document.getElementById(theID).className = "selected";

	return false;
	}




/* REPLACE TEXT */
function resetField (evt){

	// FIND THE OBJECT FOCUSED
	var theObj = evt.target || evt.srcElement;
	var theID = theObj.id;


	if (document.getElementById(theID).value == "") {

		switch (theID) {
			case "name":
			document.getElementById(theID).value = "Name"
			break;

			case "title":
			document.getElementById(theID).value = "Title"
			break;

			case "company":
			document.getElementById(theID).value = "Company"
			break;

			case "email":
			document.getElementById(theID).value = "Email"
			break;

			case "phone":
			document.getElementById(theID).value = "Phone"
			break;

			case "how":
			document.getElementById(theID).value = "How did you find us?"
			break;

			case "thoughts":
			document.getElementById(theID).value = "Send us your thoughts…";
			break;

			}

		}

	// REMOVE THE CLASS
//	document.getElementById(theID).className = "";


	return false;
	}
	
	//scroll smooth
	$(function() {
	
		function filterPath(string) {
			return string
			.replace(/^\//,'')
			.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
			.replace(/\/$/,'');
		}
	
		var locationPath = filterPath(location.pathname);
		var scrollElem = scrollableElement('html', 'body');
	
		// Any links with hash tags in them (can't do ^= because of fully qualified URL potential)
		$('a[href*=#]').each(function() {
	
			// Ensure it's a same-page link
			var thisPath = filterPath(this.pathname) || locationPath;
			if (  locationPath == thisPath
				&& (location.hostname == this.hostname || !this.hostname)
				&& this.hash.replace(/#/,'') ) {
	
					// Ensure target exists
					var $target = $(this.hash), target = this.hash;
					if (target) {
	
						// Find location of target
						var targetOffset = $target.offset().top;
						$(this).click(function(event) {
	
							// Prevent jump-down
							event.preventDefault();
	
							// Animate to target
							$(scrollElem).animate({scrollTop: targetOffset}, 600, function() {
	
								// Set hash in URL after animation successful
								location.hash = target;
	
							});
						});
					}
			}
	
		});
	
		// Use the first element that is "scrollable"  (cross-browser fix?)
		function scrollableElement(els) {
			for (var i = 0, argLength = arguments.length; i <argLength; i++) {
				var el = arguments[i],
				$scrollElement = $(el);
				if ($scrollElement.scrollTop()> 0) {
					return el;
				} else {
					$scrollElement.scrollTop(1);
					var isScrollable = $scrollElement.scrollTop()> 0;
					$scrollElement.scrollTop(0);
					if (isScrollable) {
						return el;
					}
				}
			}
			return [];
		}
	
	});