function imgover(whichimg) {
	whichimg.src = whichimg.src.replace(new RegExp('_off\.','g'),'_on\.');
	}

function imgout(whichimg) {
	whichimg.src = whichimg.src.replace(new RegExp('_on\.','g'),'_off\.');
	}

	function NewWindow(mypage, myname, w, h, scroll) { 
	var winl = (screen.width - w) / 2; 
	var wint = (screen.height - h) / 2; 
	winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable=no' 
	win = window.open(mypage, myname, winprops) 
	if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); } 
}


function facesgallery(whichimg) {
	el = document.getElementById('gallery1');
	if (el) {
		el.innerHTML = "<div id='galleryborder'><img src='/images/photos/" + whichimg + ".jpg'></div>";
	}
	
}

function showgallery(whichimg) {
	el = document.getElementById('gallery2');
	if (el) {
		el.innerHTML = "<div id='galleryborder'><img src='/images/photos/" + whichimg + ".jpg'></div>";
	}
}

function imgover(whichimg) {
	whichimg.src = whichimg.src.replace(new RegExp('_off\.','g'),'_on\.');
	}

function imgout(whichimg) {
	whichimg.src = whichimg.src.replace(new RegExp('_on\.','g'),'_off\.');
	}

	function NewWindow(mypage, myname, w, h, scroll) { 
	var winl = (screen.width - w) / 2; 
	var wint = (screen.height - h) / 2; 
	winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable=no' 
	win = window.open(mypage, myname, winprops) 
	if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); } 
}


function facesgallery(whichimg) {
	el = document.getElementById('gallery1');
	if (el) {
		el.innerHTML = "<div id='galleryborder'><img src='/images/photos/" + whichimg + ".jpg'></div>";
	}
	
}

function showgallery(whichimg) {
	el = document.getElementById('gallery2');
	if (el) {
		el.innerHTML = "<div id='galleryborder'><img src='/images/photos/" + whichimg + ".jpg'></div>";
	}
}

<!--
document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>");

function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}


var stickn = new Array();

// WEB Â 
stickn['web'] = "";
stickn['elabsmm'] = "Elabs Multimedia Recording Studios: Site Design, Production, and Development";
stickn['womenschoice'] = "Womens Choice: Site Production and Development";
stickn['engberganderson'] = "Engberg Anderson: Site Design";
stickn['wisconsinfilmfestival'] = "Wisconsin Film Festival: Site Production";
stickn['tanqueray'] = "Tanqueray: Email Campaign Design and Development";
stickn['atypykal'] = "Atypykal: Site Production and Development";
stickn['docsite'] = "Docsite: Site Design";

// PRINT Â 
stickn['print'] = "";
stickn['elabsmmbrand'] = "Elabs Multimedia Recording Studios: Brand Identity";
stickn['gpa'] = "GPA: Brand Identity";
stickn['solaris'] = "Solaris: Brand Identity";
stickn['amara'] = "Amara Chocolates: Brand Identity";
stickn['1013'] = "Ten Thirteen Film: Brand Identity";
stickn['fevermarlene'] = "Fever Marlene: Brand Identity and Screen Printed Shirts";
stickn['uwfoodservice'] = "University of Wisconsin Food Servce: Advertising and Design";
stickn['dirtyearth'] = "Dirty Earth: Brand Identity and Photography";
stickn['urban'] = "Urban Outfitters: Design, Photography, and Advertising";
stickn['people'] = "The People: Screen Printed Poster";
stickn['lemon'] = "Lemon King Mahoney: Illustration";

// FILM Â 
stickn['film'] = "";
stickn['bike'] = "Creative Photography";
stickn['cat'] = "Creative Photography";
stickn['landscape'] = "Creative Photography";
stickn['whitechina'] = "Fever Marlene - White China Album Cover: Creative Photography";
stickn['gpa'] = "GPA: Brand Identity";


function stickover(name,caller) {
	caller.style.borderColor = '#333';
	document.getElementById('stickdetail').innerHTML = "<img src='/images/portfolio/" + name + ".jpg' width='700' height='285' />";
	document.getElementById('stickname').innerHTML = "<strong>" + stickn[name] + "</strong>";
}

function stickout(caller) {
	caller.style.borderColor = '#ccc';
	document.getElementById('stickdetail').innerHTML = "&nbsp;";
	document.getElementById('stickname').innerHTML = "&nbsp;";
}



window.onload = function() {initImage()}
// -->

	//thumbnail script
	image1 =new Image();
	image2 =new Image();
	image3 =new Image();
	image4 =new Image();
	image5 =new Image();
	image6 =new Image();
	image7 =new Image();
	image8 =new Image();
	image9 =new Image();
	image10 =new Image();
	image11 =new Image();
	image12 =new Image();
	image13 =new Image();
	image14 =new Image();
	image15 =new Image();
	image16 =new Image();
	image17 =new Image();
	image18 =new Image();
	image19 =new Image();
	image20 =new Image();
	image21 =new Image();


function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}
// -->

	//thumbnail script
	image1 =new Image();
	image2 =new Image();
	image3 =new Image();
	image4 =new Image();
	image5 =new Image();
	image6 =new Image();
	image7 =new Image();
	image8 =new Image();
	image9 =new Image();
	image10 =new Image();
	image11 =new Image();
	image12 =new Image();
	image13 =new Image();
	image14 =new Image();
	image15 =new Image();
	image16 =new Image();
	image17 =new Image();
	image18 =new Image();
	image19 =new Image();
	image20 =new Image();
	image21 =new Image();
	
	// This defines the source of the display imageÂ 
	image1.src ="/images/portfolio/elabsmm.jpg"
	image2.src ="/images/portfolio/gpa.jpg"
	image3.src ="/images/portfolio/amara.jpg"
	image4.src ="/images/portfolio/engberganderson.jpg"
	image5.src ="/images/portfolio/wisconsinfilmfestival.jpg"
	image6.src ="/images/portfolio/tanqueray.jpg"
	image7.src ="/images/portfolio/docsite.jpg"
	image8.src ="/images/portfolio/web.jpg"
	image9.src ="/images/portfolio/print.jpg"
	image10.src ="/images/portfolio/film.jpg"
	image11.src ="/images/portfolio/sound.jpg"
	image12.src ="/images/portfolio/atypykal.jpg"

	
	// This defines the source of the preview imageÂ 
	document.images['pimage1'].src=image1.src;
	document.images['pimage2'].src=image2.src;
	document.images['pimage3'].src=image3.src;


	
	// This defines what to do when an image is clicked onÂ 
	function image_click(clicks)
	{
	if(clicks==1){document.images['large'].src=image1.src; }
	if(clicks==2){document.images['large'].src=image2.src; }
	if(clicks==3){document.images['large'].src=image3.src; }
	if(clicks==4){document.images['large'].src=image4.src; }
	if(clicks==5){document.images['large'].src=image5.src; }
	if(clicks==6){document.images['large'].src=image6.src; }
	if(clicks==7){document.images['large'].src=image7.src; }
	if(clicks==8){document.images['large'].src=image8.src; }
	if(clicks==9){document.images['large'].src=image9.src; }
	if(clicks==10){document.images['large'].src=image10.src; }
	if(clicks==11){document.images['large'].src=image11.src; }
	if(clicks==12){document.images['large'].src=image12.src; }
	initImage();
	}
	
	// This defines what to do when an image is clicked onÂ 
	function image_click(clicks)
	{
	if(clicks==1){document.images['link'].src=image1.src; }
	if(clicks==2){document.images['link'].src=image2.src; }
	if(clicks==3){document.images['link'].src=image3.src; }
	if(clicks==4){document.images['link'].src=image4.src; }
	if(clicks==5){document.images['link'].src=image5.src; }
	if(clicks==6){document.images['link'].src=image6.src; }
	if(clicks==7){document.images['link'].src=image7.src; }
	if(clicks==8){document.images['link'].src=image8.src; }
	if(clicks==9){document.images['link'].src=image9.src; }
	if(clicks==10){document.images['link'].src=image10.src; }
	if(clicks==11){document.images['link'].src=image11.src; }
	if(clicks==12){document.images['link'].src=image12.src; }
	initImage();
	}
	
	
	window.onload=show;
	function show(id) {
	var d = document.getElementById(id);
		for (var i = 1; i<=10; i++) {
			if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
		}
	if (d) {d.style.display='block';}
	}
	
	function validate_form ( )
{
	valid = true;

        if ( document.contact_form.FirstName.value == "" )
        {
                alert ( "Please fill in the 'Your Name' box." );
                valid = false;
        }

        if ( ( document.contact_form.gender[0].checked == false ) && ( document.contact_form.gender[1].checked == false ) )
        {
                alert ( "Please choose your Gender: Male or Female" );
                valid = false;
        }

        if ( document.contact_form.age.selectedIndex == 0 )
        {
                alert ( "Please select your Age." );
                valid = false;
        }

        if ( document.contact_form.terms.checked == false )
        {
                alert ( "Please check the Terms & Conditions box." );
                valid = false;
        }



        return valid;
}






var expDays = 100;

var exp = new Date(); 

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));



function getCookieVal (offset) {  

	var endstr = document.cookie.indexOf (";", offset);  

	if (endstr == -1) { endstr = document.cookie.length; }

	return unescape(document.cookie.substring(offset, endstr));

}



function GetCookie (name) {  

	var arg = name + "=";  

	var alen = arg.length;  

	var clen = document.cookie.length;  

	var i = 0;  

	while (i < clen) {    

		var j = i + alen;    

		if (document.cookie.substring(i, j) == arg) return getCookieVal (j);    

		i = document.cookie.indexOf(" ", i) + 1;    

		if (i == 0) break;   

	}  

	return null;

}



function SetCookie (name, value) {  

	var argv = SetCookie.arguments;  

	var argc = SetCookie.arguments.length;  

	var expires = (argc > 2) ? argv[2] : null;  

	var path = (argc > 3) ? argv[3] : null;  

	var domain = (argc > 4) ? argv[4] : null;  

	var secure = (argc > 5) ? argv[5] : false;  

	document.cookie = name + "=" + escape (value) + 

	((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 

	((path == null) ? "" : ("; path=" + path)) +  

	((domain == null) ? "" : ("; domain=" + domain)) +    

	((secure == true) ? "; secure" : "");

}



function cookieForms() {  

	var mode = cookieForms.arguments[0];

	

	for(f=1; f<cookieForms.arguments.length; f++) {

		formName = cookieForms.arguments[f];

		

		if(mode == 'open') {	

			cookieValue = GetCookie('saved_'+formName);

			if(cookieValue != null) {

				var cookieArray = cookieValue.split('#cf#');

				

				if(cookieArray.length == document[formName].elements.length) {

					for(i=0; i<document[formName].elements.length; i++) {

					

						if(cookieArray[i].substring(0,6) == 'select') { document[formName].elements[i].options.selectedIndex = cookieArray[i].substring(7, cookieArray[i].length-1); }

						else if((cookieArray[i] == 'cbtrue') || (cookieArray[i] == 'rbtrue')) { document[formName].elements[i].checked = true; }

						else if((cookieArray[i] == 'cbfalse') || (cookieArray[i] == 'rbfalse')) { document[formName].elements[i].checked = false; }

						else { document[formName].elements[i].value = (cookieArray[i]) ? cookieArray[i] : ''; }

					}

				}

			}

		}

				

		if(mode == 'save') {	

			cookieValue = '';

			for(i=0; i<document[formName].elements.length; i++) {

				fieldType = document[formName].elements[i].type;

				

				if(fieldType == 'password') { passValue = ''; }

				else if(fieldType == 'checkbox') { passValue = 'cb'+document[formName].elements[i].checked; }

				else if(fieldType == 'radio') { passValue = 'rb'+document[formName].elements[i].checked; }

				else if(fieldType == 'select-one') { passValue = 'select'+document[formName].elements[i].options.selectedIndex; }

				else { passValue = document[formName].elements[i].value; }

			

				cookieValue = cookieValue + passValue + '#cf#';

			}

			cookieValue = cookieValue.substring(0, cookieValue.length-4); // Remove last delimiter

			

			SetCookie('saved_'+formName, cookieValue, exp);		

		}	

	}

}
