// Melkeveien.no

$(window).load(function() {

 // Loads the objects
  $(".object").each(function(i) {
    $(this).delay(100*i).fadeIn();
  });
 
 
 });
 
 
$(document).ready(function() {
	
	
 // shows the navigation a brief moment
	setTimeout(function() { $('.list #prevTrackButton,.entry #prevTrackButton,.list #nextTrackButton,.entry #nextTrackButton').removeClass('onload',1000); }, 5000);
// shows the info on the portfolio a brief moment
	setTimeout(function() { $('#info').fadeOut();$('#info-button').removeClass('selected'); }, 5000);


$.cookie("viewState");
var theState = $.cookie("viewState");

$("#bigLogo").toggle(
function () {
$("#introd").fadeOut("slow");
$.cookie("viewState", "none");
theState = "none"
},
function () {
$("#introd").fadeIn("slow");
$.cookie("viewState", "block");
theState = "block"
});


// Removing some paddings
	$(".entry-article:first-child").css("margin-left", "0")
	$(".entry-wrapper .entry-article:first-child").css("padding-left", "0")

	$(".author-body.columns:last-child").css("margin-right", "0")
	

  




// Making columns on lists.
    var divs = $("#track > .object");
    for(var i = 0; i < divs.length; i+=3) {
      divs.slice(i, i+3).wrapAll("<div class='colTrack'></div>");
    }

$("#introd").css('display', theState);

// Make objects clickable (pull first a tag)
var block = $(".object");
   block.click(function(){
      window.location = $(this).find("a:first").attr("href")
   });
   block.addClass("clickable");
   block.hover(function(){
      window.status = $(this).find("a:first").attr("href")
   }, function(){
      window.status = ""
   })
   
   
// Make objects slide
$('.object.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'256px'},{queue:false,duration:400});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:400});
				});

$('.object.large.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'256px'},{queue:false,duration:400});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:400});
				});


// Controlling the dropdown

// Split client list in 4				
$('.clientSelectorList').easyListSplitter({
colNumber: 4
});

$("#filterSelectorMenuItem").click(function () {
		$('#clientSelector').hide();
		$('#filterSelector').show();
		$('#filterSelectorMenuItem').addClass('selected');
		$('#clientSelectorMenuItem').removeClass('selected');
    });
	
	$("#clientSelectorMenuItem").click(function () {
		$('#filterSelector').hide();
		$('#clientSelector').show();
		$('#clientSelectorMenuItem').addClass('selected');
		$('#filterSelectorMenuItem').removeClass('selected');
    });
	
	$("#portfolio-menu").click(function () {
		$('#filterMenu').slideToggle();
		$(this).toggleClass('marked');
		$(this).toggleClass('selected');
    });
	
	$("#closeSelectorMenu").click(function () {
		$('#filterMenu').slideToggle();
		$(this).toggleClass('marked');
		$('#portfolio-menu').removeClass('marked');
	 	$('#portfolio-menu').removeClass('selected');
    });
	
	
	
	// Enable scrollto

	// Reset the screen to (0,0)
	$.scrollTo( 0 );
	
	// Lock axis
	$.scrollTo.defaults.axis = 'x';

	
	// scroll on .list and .entry
	$('#nextTrackButton').click(function(){
		$.scrollTo( '+=300', 300 );
	});
	
	
	$('#prevTrackButton').click(function(){
		$.scrollTo( '-=300', 300 );

	});
	
	// scroll on .portfolio
	$('.portfolio #nextTrackButton').click(function(){
		$.scrollTo( '#thumb-end', 300 );
		$(this).hide();
		$('#toggleTrackButton').show();
	});

		$('.portfolio #toggleTrackButton').click(function(){
		$.scrollTo( 0, 300 );
		$(this).hide();
		$('#nextTrackButton').show();
	});

	 
	$.localScroll.defaults.axis = 'x';
	
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		queue:true,
		duration:1500
	});
	
	$.localScroll({
		queue:true,
		duration:1000,
		hash:true,
		offset: { left:-100}
	});
	
	
	
	// View and hide elements on portfoliopage
	$(".portfolio #info-button").click(function () {
	  	$(this).toggleClass('selected');
      	$('#more').hide();
	  	$('#info').fadeToggle(300);
	  	$('#more-button').removeClass('selected');	  
    });
	
  	$(".portfolio #more-button").click(function () {
	  	$(this).toggleClass('selected');
      	$('#info').hide();
	  	$('#more').fadeToggle(300);
	  	$('#info-button').removeClass('selected');	  
    });
	
	$(".portfolio #nav a").click(function () {
		$('#info, #more').fadeOut('fast');
		$('#info-button, #more-button').removeClass('selected');
		$.scrollTo( {top:'0px', left:'0px'} );
    });



});

// scroll panes

$(function()
{
	// Initialise the scrollpanes
	$('.scroll-pane').jScrollPane({showArrows: false});
	
	$(".entry-body").hover(
  function () {
    $(this).addClass("mDrag");
  },
  function () {
    $(this).removeClass("mDrag");
  }
);

});