$(function(){
/*
	Navigation
*/
	aT = 1000;
	$('#topnav li').prepend('<div class="belt"><div class="nB"><div class="c"><div class="t"></div></div><div class="b"><div></div></div></div></div>');
	function setSelected(target){
		$(target).animate( {backgroundPosition: "(0 -359px)"}, {duration: aT} )
			.parent().addClass('itemSelected')
			.children('.belt').animate( {top: "50px"}, {duration: aT} );
		pageID = $(target).attr("href");
		$('#content')
			.children().hide().end()
			.children(pageID).show();
	}
	$('#topnav li a')
		.css({ backgroundPosition: "0 -200px" })
		.mouseover(function(){
			if ( $(this).parent().hasClass('itemSelected') ){
			} else {
				$(this).stop() .animate( {backgroundPosition: "(0 0)"}, {duration: aT/4} )
			}
		})
		.mouseout(function(){
			if ( $(this).parent().hasClass('itemSelected') ){
			} else {
				$(this).stop() .animate( {backgroundPosition: "(0 -200px)"}, {duration: aT/4} )
			}
		})
		.click(function(){
			if ( $(this).parent().hasClass('itemSelected') ) { }
			else if ( $('ul#topnav li').hasClass('itemSelected') ) {
				$('ul#topnav li.itemSelected a')
					.stop() .animate( {backgroundPosition: "(0 -200px)"}, {duration: aT} )
					.parent() .removeClass('itemSelected')
					.children('.belt') .animate( {top: "-140px"}, {duration: aT} );
				setSelected($(this));
			} else {
				setSelected($(this));
			}
			return false;
		})
/*
	Navigate to selected page based on http://URL/#pagename
*/
	function urlHasID(data) {
		$('ul#topnav').find('a[href$="' + data.id + '"]').click();
	}
	if (window.location.hash) {
		urlHasID( { id : window.location.hash.substr(1) } );
	} else {
		$('ul#topnav a:first').click();
	}
/*
	Portfolio Tagging
*/
	
	$('#portfolio') .children('.portfolioItem') .hide() .end()
	.append('<div id="portfolioSidebar"><ul class="tagList"><li class="title AgoraSlabPro">Show me</li><li class="tagOption"><a class="WebDesign" href="#"><span></span>Web Design</a></li><li class="tagOption"><a class="Illustration" href="#"><span></span>Illustration</a></li></ul></div>');
	function showTagged(showTag) { $('#portfolio').children("."+showTag).show().end(); }
	function hideTagged(hideTag) { $('#portfolio').children("."+hideTag).hide().end(); }
	$('ul.tagList li.tagOption a')
		.click(
			function(){
				t = "tag_" + $(this).attr("class");
				if ( $(this).parent().hasClass('tagSelected') ){ 
						$(this).parent().removeClass('tagSelected');
						hideTagged(t);
					} else {
						$(this).parent().addClass('tagSelected');
						showTagged(t);
					}
				return false;
			}
		)
		.mouseover( function(){  } )
		.mouseout( function(){  } )
	$('ul.tagList a.WebDesign').click();
/*
	MindRoto slider animation
*/
	var mindRoto = false;
	function mindFlipNext() {
		var mindPos = $('.mindRoto').css('backgroundPosition').split(" ");
		mindPos = mindPos[1].replace(/px/i,""); mindPos = eval(mindPos/1)
		if (mindPos == "-679") { mindPos = 0; }
		else { mindPos = eval(mindPos-97); }
		$('.mindRoto').css({ backgroundPosition: "0px "+mindPos+"px"});
		delete mindPos;
	}
	function mindFlipPrev() {
		var mindPos = $('.mindRoto').css('backgroundPosition').split(" ");
		mindPos = mindPos[1].replace(/px/i,""); mindPos = eval(mindPos/1)
		if (mindPos == "-679") { mindPos = 0; }
		else { mindPos = eval(mindPos+97); }
		$('.mindRoto').css({ backgroundPosition: "0px "+mindPos+"px"});
		delete mindPos;
	}
	$('.mindRoto')
		.click( function(){ return false; } )
		.mousedown( function(event){ mindRoto = true; })
		.mouseover( function(){ $(this).css({ cursor: "e-resize" }) } )
		.mousemove(
			function(event){
				if(mindRoto == false) { 
					return;
				} else {
					stepCount = 15;
					xPos = event.pageX;
					if(typeof stepInc === 'undefined' || typeof stepDec === 'undefined' ) {
						stepInc = eval(xPos+stepCount);
						stepDec = eval(xPos-stepCount);
					} else if (xPos >= stepInc) {
						mindFlipNext();
						delete stepInc;
					} else if (xPos <= stepDec) {
						mindFlipPrev();
						delete stepDec;
					}
				}
			}
		)
	$(document).mouseup(function(){ mindRoto = false; })
});