// JavaScript Document
$(document).ready(function() {
	
	// content hiding
	$('div.contentBoxes,.portNav,div.caption,.leftGro,.leftAct,.rightGro,.rightDis,.previewWindow').hide();
	
	// blur all a tags
	$('a').click(function(){$(this).blur();});
	
	// portfolio nav
	$('div.portNav>a').click(function(){
		$('div.portNav>a').removeClass('current');
		$(this).addClass('current');
		});
	$('ul#subNav1>li>a').click(function(){
		$('ul#subNav1>li>a').removeClass('current');
		$(this).addClass('current');
		});
	$('ul#subNav3>li>a').click(function(){
		$('ul#subNav3>li>a').removeClass('current');
		$(this).addClass('current');
		});
	
	// mouseovers for projects
	$('div.previewBox>a>img').mouseover(function(){
		$(this).animate({left: -10, width: 280, height: 228}, 350);
		$(this).parent().parent().find('div.caption').fadeIn('fast');
		});
	$('div.previewBox>a>img').mouseout(function(){
		$(this).animate({left: 0, width: 261, height: 216 }, 350);
		$('div.caption').hide();
		});
	
	// portfolio left/right buttons  and show/hide for all 7 boxes
	// UI 1
	$('div#buttons1>div.positioner>img.rightAct').mouseover(function(){
			$('div#buttons1>div.positioner>img.rightGro').fadeIn('normal');
		});
	$('div#buttons1>div.positioner>img.rightGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	$('div#buttons1>div.positioner>img.rightGro').click(function(){
			$('div#UI1').animate({left: -550}, 1000);
			$('div#buttons1>div.positioner>img.leftDis').hide();
			$('div#buttons1>div.positioner>img.rightAct').hide();
			$('div#buttons1>div.positioner>img.rightGro').hide();
			$('div#buttons1>div.positioner>img.rightDis').fadeIn('normal');
			$('div#buttons1>div.positioner>img.leftAct').fadeIn('normal');
		});
	$('div#buttons1>div.positioner>img.leftAct').mouseover(function(){
			$('div#buttons1>div.positioner>img.leftGro').fadeIn('normal');
		});
	$('div#buttons1>div.positioner>img.leftGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	$('div#buttons1>div.positioner>img.leftGro').click(function(){
			$('div#UI1').animate({left: 12}, 1000);
			$('div#buttons1>div.positioner>img.rightDis').hide();
			$('div#buttons1>div.positioner>img.rightAct').fadeIn('normal');
			$('div#buttons1>div.positioner>img.leftGro').hide();
			$('div#buttons1>div.positioner>img.leftDis').fadeIn('normal');
			$('div#buttons1>div.positioner>img.leftAct').hide();
		});
	// UI 2
	$('div#buttons2>div.positioner>img.rightAct').mouseover(function(){
			$('div#buttons2>div.positioner>img.rightGro').fadeIn('normal');
		});
	$('div#buttons2>div.positioner>img.rightGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	
	$('div#buttons2>div.positioner>img.rightGro').click(function(){
			$('div#UI2').animate({left: -830}, 1000);
			$('div#buttons2>div.positioner>img.leftDis').hide();
			$('div#buttons2>div.positioner>img.rightAct').hide();
			$('div#buttons2>div.positioner>img.rightGro').hide();
			$('div#buttons2>div.positioner>img.rightDis').fadeIn('normal');
			$('div#buttons2>div.positioner>img.leftAct').fadeIn('normal');
		});
	$('div#buttons2>div.positioner>img.leftAct').mouseover(function(){
			$('div#buttons2>div.positioner>img.leftGro').fadeIn('normal');
		});
	$('div#buttons2>div.positioner>img.leftGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	$('div#buttons2>div.positioner>img.leftGro').click(function(){
			$('div#UI2').animate({left: 12}, 1000);
			$('div#buttons2>div.positioner>img.rightDis').hide();
			$('div#buttons2>div.positioner>img.rightAct').fadeIn('normal');
			$('div#buttons2>div.positioner>img.leftGro').hide();
			$('div#buttons2>div.positioner>img.leftDis').fadeIn('normal');
			$('div#buttons2>div.positioner>img.leftAct').hide();
		});
	// DEV
	$('div#buttons4>div.positioner>img.rightAct').mouseover(function(){
			$('div#buttons4>div.positioner>img.rightGro').fadeIn('normal');
		});
	$('div#buttons4>div.positioner>img.rightGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	$('div#buttons4>div.positioner>img.rightGro').click(function(){
			$('div#DEV1').animate({left: -830}, 1000);
			$('div#buttons4>div.positioner>img.leftDis').hide();
			$('div#buttons4>div.positioner>img.rightAct').hide();
			$('div#buttons4>div.positioner>img.rightGro').hide();
			$('div#buttons4>div.positioner>img.rightDis').fadeIn('normal');
			$('div#buttons4>div.positioner>img.leftAct').fadeIn('normal');
		});
	$('div#buttons4>div.positioner>img.leftAct').mouseover(function(){
			$('div#buttons4>div.positioner>img.leftGro').fadeIn('normal');
		});
	$('div#buttons4>div.positioner>img.leftGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	$('div#buttons4>div.positioner>img.leftGro').click(function(){
			$('div#DEV1').animate({left: 12}, 1000);
			$('div#buttons4>div.positioner>img.rightDis').hide();
			$('div#buttons4>div.positioner>img.rightAct').fadeIn('normal');
			$('div#buttons4>div.positioner>img.leftGro').hide();
			$('div#buttons4>div.positioner>img.leftDis').fadeIn('normal');
			$('div#buttons4>div.positioner>img.leftAct').hide();
		});
	// PR1
	$('div#buttons5>div.positioner>img.rightAct').mouseover(function(){
			$('div#buttons5>div.positioner>img.rightGro').fadeIn('normal');
		});
	$('div#buttons5>div.positioner>img.rightGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	$('div#buttons5>div.positioner>img.leftAct').mouseover(function(){
			$('div#buttons5>div.positioner>img.leftGro').fadeIn('normal');
		});
	$('div#buttons5>div.positioner>img.leftGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	var a = 1;
	$('div#buttons5>div.positioner>img.rightGro').click(function(){
			if (a == 1) {
				$('div#PR1').animate({left: -830}, 1000);
				$('div#buttons5>div.positioner>img.leftDis').hide();
				$('div#buttons5>div.positioner>img.leftAct').fadeIn('normal');
				a++;
			}
			else if (a == 2) {
				$('div#PR1').animate({left: -1660}, 1000);
				$('div#buttons5>div.positioner>img.rightAct').hide();
				$('div#buttons5>div.positioner>img.rightGro').hide();
				$('div#buttons5>div.positioner>img.rightDis').fadeIn('normal');
				$('div#buttons5>div.positioner>img.leftAct').fadeIn('normal');
				a++;
			}
		});
	$('div#buttons5>div.positioner>img.leftGro').click(function(){
			if (a == 3) {
				$('div#PR1').animate({left: -830}, 1000);
				$('div#buttons5>div.positioner>img.rightDis').hide();
				$('div#buttons5>div.positioner>img.rightAct').fadeIn('normal');
				a--;
			}
			else if (a == 2) {
				$('div#PR1').animate({left: 12}, 1000);
				$('div#buttons5>div.positioner>img.leftAct').hide();
				$('div#buttons5>div.positioner>img.leftGro').hide();
				$('div#buttons5>div.positioner>img.leftDis').fadeIn('normal');
				a--;
			}
		});
	
	// PR2
	$('div#buttons6>div.positioner>img.rightAct').mouseover(function(){
			$('div#buttons6>div.positioner>img.rightGro').fadeIn('normal');
		});
	$('div#buttons6>div.positioner>img.rightGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	$('div#buttons6>div.positioner>img.leftAct').mouseover(function(){
			$('div#buttons6>div.positioner>img.leftGro').fadeIn('normal');
		});
	$('div#buttons6>div.positioner>img.leftGro').mouseout(function(){
			$(this).fadeOut('normal');
		});
	var b = 1;
	$('div#buttons6>div.positioner>img.rightGro').click(function(){
			if (b == 1) {
				$('div#PR2').animate({left: -845}, 1000);
				$('div#buttons6>div.positioner>img.leftDis').hide();
				$('div#buttons6>div.positioner>img.leftAct').fadeIn('normal');
				b++;
			}
			else if (b == 2) {
				$('div#PR2').animate({left: -1675}, 1000);
				$('div#buttons6>div.positioner>img.rightAct').hide();
				$('div#buttons6>div.positioner>img.rightGro').hide();
				$('div#buttons6>div.positioner>img.rightDis').fadeIn('normal');
				$('div#buttons6>div.positioner>img.leftAct').fadeIn('normal');
				b++;
			}
		});
	$('div#buttons6>div.positioner>img.leftGro').click(function(){
			if (b == 3) {
				$('div#PR2').animate({left: -845}, 1000);
				$('div#buttons6>div.positioner>img.rightDis').hide();
				$('div#buttons6>div.positioner>img.rightAct').fadeIn('normal');
				b--;
			}
			else if (b == 2) {
				$('div#PR2').animate({left: 12}, 1000);
				$('div#buttons6>div.positioner>img.leftAct').hide();
				$('div#buttons6>div.positioner>img.leftGro').hide();
				$('div#buttons6>div.positioner>img.leftDis').fadeIn('normal');
				b--;
			}
		});
	
	// port nav 1
	$('div#portNav1>a').click(function(){
		$('ul#subNav1').fadeIn('normal');
		$('ul#subNav3').fadeOut('normal');
		$('ul#subNav1>li>a').removeClass('current');
		$('ul#subNav1>li>a:first').addClass('current');
		$('div.previewWindow').hide();
		$('div#UI-1').fadeIn('normal');
		});
	// port nav 2
	$('div#portNav2>a').click(function(){
		$('ul#subNav1').fadeOut('normal');
		$('ul#subNav3').fadeOut('normal');
		$('div.previewWindow').hide();
		$('div#DEV').fadeIn('normal');
		});
	// port nav 3
	$('div#portNav3>a').click(function(){
		$('ul#subNav1').fadeOut('normal');
		$('ul#subNav3').fadeIn('normal');
		$('ul#subNav3>li>a').removeClass('current');
		$('ul#subNav3>li>a:first').addClass('current');
		$('div.previewWindow').hide();
		$('div#PR-1').fadeIn('normal');
		});
	// portfolio sub nav show/hides
	$('a#subNav1-1').click(function(){
		$('div.previewWindow').hide();
		$('div#UI-1').fadeIn('normal');
		});
	$('a#subNav1-2').click(function(){
		$('div.previewWindow').hide();
		$('div#UI-2').fadeIn('normal');
		});
	$('a#subNav1-3').click(function(){
		$('div.previewWindow').hide();
		$('div#UI-3').fadeIn('normal');
		});
	$('a#subNav3-1').click(function(){
		$('div.previewWindow').hide();
		$('div#PR-1').fadeIn('normal');
		});
	$('a#subNav3-2').click(function(){
		$('div.previewWindow').hide();
		$('div#PR-2').fadeIn('normal');
		});
	$('a#subNav3-3').click(function(){
		$('div.previewWindow').hide();
		$('div#PR-3').fadeIn('normal');
		});
	// global nav code
	$('ul#nav>li>img.navLink').hover(function(){
		var j=$(this).attr('src');
		if(j.match('act')){
		}
		else{
			$(this).attr('src',$(this).attr('src').split('.').join('on.'));
			$(this).addClass('cursorPointer');
			}
		},
		function(){
			$(this).attr('src',$(this).attr('src').split('on.').join('.'));
			$(this).removeClass('cursorPointer');
		});$
	
	('ul#nav>li>img.navLink').click(function(){
		var j = $(this).attr('src');
		var k = $(this).attr('id');
		var nav1 = $('img#welcome');
		var nav2 = $('img#portfolio');
		var nav3 = $('img#contact');
		var nav4 = $('img#links');
		if(j.match('act')) {
			}
		else if (k == 'welcome') {
			$('div.contentBoxes').hide();
			$('img#welcome').attr('src',$(this).attr('src').split('on.').join('act.'));
			nav2.attr({src: 'images/siteImgs/nav-2.gif'});
			nav3.attr({src: 'images/siteImgs/nav-3.gif'});
			nav4.attr({src: 'images/siteImgs/nav-4.gif'});
			welcomeAnim2();
			$('.portNav').hide();
			}
		else if (k == 'portfolio') {
			$('div.contentBoxes').hide();
			nav1.attr({src: 'images/siteImgs/nav-1.gif'});
			$('img#portfolio').attr('src',$(this).attr('src').split('on.').join('act.'));
			nav3.attr({src: 'images/siteImgs/nav-3.gif'});
			nav4.attr({src: 'images/siteImgs/nav-4.gif'});
			contentAnim();
			$('div#portfolioBox').fadeIn('normal');
			$('div.previewWindow').hide();
			$('div#buttons1>div.positioner>img.leftGro').hide();
			$('div#buttons1>div.positioner>img.rightGro').hide();
			$('div#UI-1').fadeIn('normal');
			$('.portNav').fadeIn('normal');
			$('div.portNav>a').removeClass('current');
			$('div#portNav1>a').addClass('current');
			$('ul#subNav3').hide();
			$('ul#subNav1').fadeIn('normal');
			$('ul#subNav1>li>a').removeClass('current');
			$('ul#subNav1>li>a:first').addClass('current');
			}
		else if (k == 'contact') {
			$('div.contentBoxes').hide();
			nav1.attr({src: 'images/siteImgs/nav-1.gif'});
			nav2.attr({src: 'images/siteImgs/nav-2.gif'});
			$('img#contact').attr('src',$(this).attr('src').split('on.').join('act.'));
			nav4.attr({src: 'images/siteImgs/nav-4.gif'});
			contentAnim();
			$('div#contactBox').fadeIn('normal');
			$('.portNav').hide();
			}
		else if (k == 'links') {
			$('div.contentBoxes').hide();
			nav1.attr({src: 'images/siteImgs/nav-1.gif'});
			nav2.attr({src: 'images/siteImgs/nav-2.gif'});
			nav3.attr({src: 'images/siteImgs/nav-3.gif'});
			$('img#links').attr('src',$(this).attr('src').split('on.').join('act.'));
			contentAnim();
			$('div#linksBox').fadeIn('normal');
			$('.portNav').hide();
			}
		});
	
	// text field hovers
	$('.fieldInput').mouseover(function(){
			$(this).addClass('backgroundWhite');
		});
	$('.fieldInput').mouseout(function(){
			$(this).removeClass('backgroundWhite');
		});
	$('.textBox').mouseover(function(){
			$(this).addClass('backgroundWhite');
		});
	$('.textBox').mouseout(function(){
			$(this).removeClass('backgroundWhite');
		});
});

	/*/////////////////////////////////////////////////////////////////////////////////////////
	////////////// SEPARATE FUNCTIONS NOT IN JQUERY.READY FUNCTION   ////
	////////////////////////////////////////////////////////////////////////////////////////*/
	
	function waitPreloadPage() { //DOM
	if (document.getElementById){
		document.getElementById('preloader').style.visibility='hidden';
		}
	else{}
	}
	
	function welcomeAnim() {
		// homepage animation
		// hide elements
		$('div#insideGrads').animate({opacity:0});
		$('div#type-CC').animate({opacity:0});
		$('div#type-subHead').animate({opacity:0});
		$('ul#nav').animate({opacity:0});
		$('div#whiteHider').animate({width: 0,height: 0}, 1000);
		$('div#homeSquaresAnim>div').animate({opacity:0});
		
		// angled bg
		$('div#homeGrads').animate({top: -91, left: 418}, 2000);
		$('div#homeGrads').animate({opacity:1.0}, 1000);
		
		// colors
		$('div#homeSquares>div').animate({width: 0,height: 0, opacity:1.0}, 2000);
		$('div#homeSquaresAnim>div').animate({opacity:0}, 3250);
		
		$('div#homeSquares>div').animate({width: 54,height: 54, opacity:1.0}, 2200);
		$('div#homeSquares>div').animate({opacity:1.0}, 1700);
		
		$('div#homeSquares>div').animate({opacity:0}, 1500);
		$('div#homeSquaresAnim>div').animate({opacity:1.0}, 1500);
	 
		// nav and title
		$('div#type-CC').animate({opacity:0}, 7100);
		$('div#type-subHead').animate({opacity:0}, 7700);
		$('ul#nav').animate({opacity:0}, 8300);
		$('div#type-CC').animate({opacity:1.0},750);
		$('div#type-subHead').animate({opacity:1.0},750);
		$('ul#nav').animate({opacity:1.0}, 750);
	}
	function welcomeAnim2() {
		// angled bg
		$('div#insideGrads').animate({opacity:0}, 1000);
		$('div#homeGrads').animate({top: -91, left: 418,opacity:1.0},2000);
		
		// colors
		$('div#homeSquares>div').animate({width: 0,height: 0,opacity:0}, 2000);
		$('div#homeSquares>div').animate({width: 54,height: 54,opacity:1.0}, 2200);
		
		$('div#homeSquares>div').animate({opacity:1.0}, 2000);
		$('div#homeSquares>div').animate({opacity:0}, 1500);
		
		$('div#homeSquaresAnim>div').animate({width: 54,height: 54,opacity:0}, 5000);
		$('div#homeSquaresAnim>div').animate({opacity:1.0}, 1500);
	}
	function contentAnim() {
		// body scrolling
		$('body').css({
			overflowY: 'auto',
			overflowX: 'hidden'
			});
		// colors
		$('div#homeSquares>div').animate({opacity:0});
		$('div#homeSquaresAnim>div').animate({width: 0,height: 0,opacity:0}, 2700);
		// angled bg
		$('div#homeGrads').animate({top: -95, left: 418, opacity: 0},2000);
		$('div#insideGrads').animate({opacity:1.0},1700);
	}

// contact form
	function hideMsgs() {
		$('div.errorMsgs').hide();
		}
	function submitIt(message) {
	re = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

	if (document.message.name.value == "") {
		document.getElementById('enterEmail').style.display = "none";
		document.getElementById('enterMessage').style.display = "none";
		document.getElementById('correct').style.display = "none";
		document.getElementById('enterName').style.display = "block";
		document.message.name.focus();
		return false;
		}
	if (document.message.email.value == "") {
		document.getElementById('enterName').style.display = "none";
		document.getElementById('enterMessage').style.display = "none";
		document.getElementById('correct').style.display = "none";
		document.getElementById('enterEmail').style.display = "block";
		document.message.email.focus();
		return false;
		}
	if (document.message.messageText.value == "") {
		document.getElementById('enterName').style.display = "none";
		document.getElementById('enterEmail').style.display = "none";
		document.getElementById('correct').style.display = "none";
		document.getElementById('enterMessage').style.display = "block";
		document.message.messageText.focus();
		return false;
		}
	if (message.email.value != "" && re.test(message.email.value) ) {
		return true;
		}
		document.getElementById('enterName').style.display = "none";
		document.getElementById('enterMessage').style.display = "none";
		document.getElementById('enterEmail').style.display = "none";
		document.getElementById('correct').style.display = "block";
		document.message.email.select();
		return false;
	}
	
	function MM_openBrWindow(theURL,winName,features) {
	  window.open(theURL,winName,features);
	}