$('html').addClass('hasjs');
var $j = jQuery.noConflict();
Cufon.replace('h1, #mnav a, #pnav a, #bio p, #contact p, #contact li, #contact li a, .portfolio-slides .description p', {
	fontFamily: 'Regular',
	hover: true
});


$j(document).ready(function() {
	$j('#pnav, .frame').hide(0);
	$j('.btn-lft, .btn-rt').show(0);
	$j('#showcase, #editorial, #marks, #other').fadeTo(0,0).hide(0);
	
	$j('.slide .description').slideUp(0);
	$j('#editorial, #marks, #other').cycle({ 
	    fx:     'fade', 
	    speed:  'fast',
	    timeout: 0, 
			next:   '.btn-rt', 
			prev:   '.btn-lft',
			before: onBefore()
		});
	
	//check for url hash on opening
	if(window.location.hash == '' || window.location.hash == '#home') {
		$j('#about, #contact').fadeTo(0, 0).hide();
	} else if (window.location.hash == '#contact') { 
		getContact();
	} else if (window.location.hash == '#about') { 
		getAbout();
	} else if (window.location.hash == '#editorial' || window.location.hash == '#marks' || window.location.hash == '#other') {
		$j('#about, #contact').fadeTo(0, 0).hide();
		var cat = window.location.hash.replace('#', '');
		getPortfolio(cat ,0);
	}
	
	//hover over h1, get pnav
	$j('#hcontent').hover(
		function() {
			$j('#pnav').show(0);
		}, 
		function(){
			$j('#pnav').hide(0);
		}
	);
	
	//function for square rollovers
	$j('#portfoliocontainer li').hover(
		function(){
			if($j('#portfoliocontainer img').hasClass('faded')){
				$j(this).css('cursor', 'default');
			} else {
				$j(this).addClass('hovered').fadeTo(0, 1).find('.frame').show();
				var cls = $j(this).attr('class').replace(' hovered', '');							//get class form image
				$j('#mnav #' + cls + 'link' ).addClass('selected');			//select correct nav
				//$j('#portfoliocontainer li').fadeTo(0, .4);
			}
		},
		function(){
			if($j('#portfoliocontainer img').hasClass('faded')){
				$j(this).css('cursor', 'pointer');
			} else {
				$j(this).removeClass('hovered').fadeTo(0, 0.4).find('.frame').hide();
				$j('#mnav .selected').removeClass('selected');	//remove selected class on the nav
			}
		}
	);
	
	$j('#portfoliocontainer').hover(
		function(){
			if($j('#portfoliocontainer img').hasClass('faded')) {} else {
				$j('#portfoliocontainer li:not(.hovered)').fadeTo(0, 0.4);
			}
		}, function() {
			if($j('#portfoliocontainer img').hasClass('faded')) {} else {
				$j('#portfoliocontainer li').fadeTo(0, 1);
			}
	});
	
	$j('#portfoliocontainer li').click(function(){
		if($j('#portfoliocontainer img').hasClass('faded')){} else {
			var cat = $j(this).attr('class').replace(' hovered', '');
			var project = $j(this).find('img').attr('alt');
			//console.log(project);
			getPortfolio(cat, project);
		}
		return false;
	});
	
	$j('#pimg1').click(function(){
		$j('#editorial').cycle(1);
		return false;
	});
	
	//function for nav rollovers
	$j('#mnav li').hover(
		function(){
			if($j('#portfoliocontainer img').hasClass('faded')){} else {
				var liid = $j(this).attr('id').replace('link', '');
				$j('#portfoliocontainer li').each(function(){
					if ($j(this).attr('class') == liid) {
						$j(this).find('.frame').show();
					} else {
						$j(this).fadeTo(0, 0.4);
					}
				});
			}
		},
		function(){
			$j('#portfoliocontainer li').fadeTo(0, 1);
			$j('.frame').hide(0);
		}
	);
	
	//click on mnav link
	$j('#mnav li a').click(function(){
		$j('.frame').hide(0);
		if(window.location.hash == "#editorial"  || window.location.hash == "#marks" || window.location.hash == "#other") {
		} else if (window.location.hash != "" || window.location.hash != "#home") {
			backHome();
		}
		// get id which = portfolio category
		var link = $j(this).parent('li').attr('id').replace('#', '').replace('link', '');
			$j('.description').slideUp(0);
			getPortfolio(link, 0);
		return false;
	});
	
	
	//click on pnav link
	$j('#pnav li:not(#resumelink)').click(function(){
		if($j(this).is('#contactlink')) {
			getContact();
			window.location.hash = "contact";
		} else if($j(this).is('#aboutlink')) {
			getAbout();
			window.location.hash = "about";
		}
		return false;
	});
		
	//click on grid, go home
	$j('.gridlink, h1 a').live('click', function(){
		backHome();
		window.location.hash = '#home';
		return false;
	});

});

/*************************/
/** JS FUCNTIONS **/
/*************************/

function backHome() {
		if( $j('#showcase').is(':visible')) {
			$j('#showcase').fadeTo(600, 0, function(){
				$j('#portfoliocontainer').show(0).fadeTo(300, 1, function(){
					$j('#showcase, #editorial, #marks, #other').fadeTo(0,0).hide(0);
				});
			$j('.selected').removeClass('selected');
			});
		} else {
			$j('.selected').removeClass('selected');
			$j('#about, #contact').fadeTo(500, 0).hide(0);
			$j('#portfoliocontainer img').fadeTo(500, 1).removeClass('faded');
		}
	}

function getContact() {
		if (window.location.hash != "") {
			backHome();
		}
		$j('.selected').removeClass('selected');
		$j('#contactlink').addClass('selected');
		$j('#portfoliocontainer li .imgwrapper').css('background-color', 'transparent');
		$j('.frame').hide(0);
		$j('#portfoliocontainer img').fadeTo(300, 0.2).addClass('faded');
		$j('#contact').show(0).fadeTo(300, 1);
	}
	
	function getAbout() {
		if (window.location.hash != "" || window.location.hash != "#home") {
			backHome();
		}
		$j('.selected').removeClass('selected');
		$j('#aboutlink').addClass('selected');
		$j('#portfoliocontainer li .imgwrapper').css('background-color', 'transparent');
		$j('.frame').hide(0);
		$j('#portfoliocontainer img').fadeTo(300, 0.2).addClass('faded');
		$j('#about').show(0).fadeTo(300, 1);
	}
	
	function getPortfolio(cat, project) {
		if (project != '') {
			$j('#' + cat + ' img').each(function() {
				if($j(this).attr('alt') == project) {
					var slidePos = $j(this).parents('.slide').prevAll().length;
					$j('#' + cat).cycle(slidePos);
					
					return false;
				}
			});
		} else {
			$j('#' + cat).cycle(0);
		}
		
		//make sure buttons are correct color
		
		$j('.btn-lft').attr('src', 'img/basic/' + cat +'-lt.png');
		$j('.btn-rt').attr('src', 'img/basic/' + cat +'-rt.png');
		
		//add hash
		window.location.hash = cat;
		//remove selected icon
		$j('.selected').removeClass('selected');
		//add selected icon
		$j('#mnav li').each(function(){
			if ($j(this).attr('id') == cat + 'link'){				
				$j(this).addClass('selected');
			}
		});
		
		$j('#showcase #editorial, #showcase #marks, #showcase #other').fadeTo(600, 0).hide(0);
		
		$j('.description').slideUp(0);
		
		$j('#portfoliocontainer').fadeTo(600, 0, function(){
			$j('#showcase').show(0).fadeTo(0, 1);
			$j('#' + cat + '').show(0).fadeTo(600, 1);
			$j('#portfoliocontainer').hide(0);
		});
		
		$j('#showcase').bind('mouseenter', function(){
			$j('.btn-lft, .btn-rt').fadeTo(0,1);
			$j('.slide .description').slideDown(300);
		});
		$j('#showcase').bind('mouseleave', function(){
			$j('.btn-lft, .btn-rt').fadeTo(0,0);
			$j('.slide .description').slideUp(300);
		});
	}
	
	function onBefore() {
		$j('.btn-lft, .btn-rt').fadeTo(0,0);
		$j('.slide .description').slideUp(0);
	}
	
	function hideContent() {
		$j('#about, #contact').fadeTo(300, 0).hide();
	}