//JQUERY Inits
	
	$(document).ready(function(){
							   
	//Easing Style
	
	
	jQuery.easing.def = 'easeOutExpo';
	
	//HIDE DIVS
	
	$('.web, .blog, .contact, #logoClick').css({'display' : 'none'});
							   
	
	//SCROLLABLE
	
	 $("div.scrollable").scrollable({ 
        size: 1, 
        items: '.items',   
        hoverClass: 'hover',
		easing: 'easeOutExpo',
		vertical: 'true',
        loop: true,  
        speed: 800
    });   
	 
	//SET LOGO CLICK POSITION
		
	
	//LINK PANEL SLIDERS
	

    $("#workLink").click(function () {
      $(".web").toggle("slow");
	  $(this).delay(200,function(){

		// Then display #hello
		if($.browser.opera){$('html').animate(
					{scrollTop: $('#scrollToThere').offset().top},
					2000);} 
		
			else $('html,body').animate({
									scrollTop: $('#scrollToThere').offset().top},
									2000);}); 
	 
    });    
	
	$("#blogLink").click(function () {
      $(".blog").toggle("slow");
	 
    });    
	
	$('#contactLink').click(function (){
	    $(".contact").toggle("slow");
		if($.browser.opera){$('html').animate(
					{scrollTop: $('#scrollToHere').offset().top},
					2000);} 
		
			else $('html,body').animate({
									scrollTop: $('#scrollToHere').offset().top},
									2000);}); 
		
		//LOGO HOVER
		$("h1").hover(
			function () {
				$(this).animate({ 
				 opacity: .6
				  }, 500 );
				$(this).animate({
				 opacity: .7
				  }, 400);
			  },
			 function () {
				$(this).animate({ 
				 opacity: 1	
				  }, 800 );
			 
		  });
	
	//PHOTO HOVER STATES FOR STATUS INDICATION
	
	$(".prev").hover(
  		function () {
			$(".previousImg").animate({ 
       		 marginTop: "0px"
    		  }, 500 );
			
		  },
	 	 function () {
			$(".previousImg").animate({ 
       		 marginTop: "-60px"
    		  }, 800 );
		 
	  });
	
	$(".next").hover(
  		function () {
			$(".nextImg").animate({ 
       		 marginTop: "0px"
    		  }, 500 );
			
		  },
	 	 function () {
			$(".nextImg").animate({ 
       		 marginTop: "60px"
    		  }, 800 );
		 
	  });
	
	
	
	$("h1").click(function () {
      $("#logoClick").slideToggle("slow");
	});
	
	//PORTFOLIO ITEM TOGGLERS
	
    /* $(".web").toggleboxes({
           header: "h3",
           boxclass: '.allHolder',
		   animated: 'easeslide',
           icons: {
                'header': 'ui-icon-triangle-1-s',
                'headerSelected': 'ui-icon-triangle-1-n'
			  
          }
		   
       });*/
	
	
	$('#work h3').click(function() {
				$(this).next().toggle('slow');
				return false;}).next().hide();
				
	});
	
	
	
	

	
//TOOL TIPS FOR MAIN NAVIGATION
	
$(function() {


$('#workLink').tooltip({
	track: true,
	delay: 0,
	showURL: false,
	showBody: " - ",
	extraClass: "pretty",
});

$('#blogLink').tooltip({
	track: true,
	delay: 0,
	showURL: false,
	showBody: " - ",
	extraClass: "pretty",
});


$('#contactLink').tooltip({
	track: true,
	delay: 0,
	showURL: false,
	showBody: " - ",
	extraClass: "pretty",
});

$('h1').tooltip({
	track: true,
	delay: 0,
	showURL: false,
	showBody: " - ",
	extraClass: "pretty",
});


$('#blog h3').click(function() {
				$(this).next().toggle('slow');
				return false;}).next().hide();
	
	

});