// Developed by Emil Olsson, www.emilolsson.com
	
$(document).ready(function(){
	
	var start = 4;
	var color = start+1;
	var nombre = 0;
	var dash = 0;
	var dashy = false;
	
    var viewType = $.cookie('viewType');
	
	$("#fakediv").hide(800, function() {
		$('#arrowup').fadeTo(200, 1);
		$('#arrowdown').fadeTo(200, 1);
	$("#fakediv").show(800, function() {
		$('#arrowup').fadeTo(200, 0.5);
		$('#arrowdown').fadeTo(200, 0.5);
	});
	});
	
	var numberofkeys = $('.key').length;
	
	// Reset stuff
	function resetvariables() {

		start = 4;
		color = start+1;

	};
	

	
function switchkeysoff() {
	shortcut.remove("up");
	shortcut.remove("down");
	shortcut.remove("left");
	shortcut.remove("right");
	shortcut.remove("g");
	shortcut.remove("l");
	shortcut.remove("a");
	shortcut.add("up",function() { /* Blank out the up and down */});
	shortcut.add("down",function() { /* Blank out the up and down */});
};

//////////

function switchkeyson() {

function upfunc() {

	if (dashy == true) {
	
		if (start > -2) {
			
			start--;
			color--;
			
			var disch = start;
			
			$.scrollTo('.key:eq('+disch+')', 300, {easing:'easeInOutQuart', offset: -20, axis: 'y', onAfter:function(){ 
			// After the scroll	
			
			}});
   			
   			return false;
		
		}
    	
    } else {
    
    	if (start > 4) {

    		start--;
			color--;
			var disch = start;
			
			$.scrollTo('.key:eq('+disch+')', 300, {easing:'easeInOutQuart', offset: -20, axis: 'y', onAfter:function(){ 
			// After the scroll	
			
			}});
			
		}
    	
    }

};

shortcut.add("up",function() {

upfunc();

});

$("#arrowup").click(function(){

upfunc();

});


function downfunc() {

	numberofkeys = $('.key').length;
	numberofkeys = numberofkeys-2;
	
	if (numberofkeys < start) {
	
		//resetvariables();
		
		/*
		$.scrollTo('.key:eq('+start+')', 1000, {easing:'easeInOutQuart', offset: -20, axis: 'y', onAfter:function(){ 
		// After the scroll
		
		}});
		*/
		
	
	} else {
		
		var disch = start+1;
		
		$.scrollTo('.key:eq('+disch+')', 300, {easing:'easeInOutQuart', offset: -20, axis: 'y', onAfter:function(){ 
		// After the scroll
		}});
		
		start++;
		color++;
	
		return false;
		
	}
	
};


shortcut.add("down",function() {

downfunc();

});

$("#arrowdown").click(function(){

downfunc();

});

shortcut.add("l",function() {
	//$("body").fadeTo(100, 0);
	singleView();
	$(".switch").css({'color':'#444'});
	$(this).css({'color':'#999'});
	//location.reload(); 
});

shortcut.add("g",function() {
	//$("body").fadeTo(100, 0);
	gridView();
	$(".switch").css({'color':'#444'});
	$(this).css({'color':'#999'});
	//location.reload(); 
});

shortcut.add("d",function() {
	$("#dashboard").trigger('click');	
});






};

//////////

// Search Fix



$('input, textarea').focus(function() {
    shortcut.remove("l");
    shortcut.remove("g");
    shortcut.remove("d");
	shortcut.remove("up");
	shortcut.remove("down");
});


$('input, textarea').blur(function() {

    shortcut.remove("l");
    shortcut.remove("g");
    shortcut.remove("d");
	shortcut.remove("up");
	shortcut.remove("down");

	shortcut.add("l",function() {
		//$("body").fadeTo(100, 0);
		singleView();
		$(".switch").css({'color':'#444'});
		$(this).css({'color':'#999'});
		//location.reload(); 
	});
	
	shortcut.add("g",function() {
		//$("body").fadeTo(100, 0);
		gridView();
		$(".switch").css({'color':'#444'});
		$(this).css({'color':'#999'});
		//location.reload(); 
	});
	
	shortcut.add("d",function() {
		$("#dashboard").trigger('click');	
	});
	
	
	shortcut.add("up",function() {

		if (dashy == true) {
		
			if (start > -2) {
				
				start--;
				color--;
				
				var disch = start;
				
				$.scrollTo('.key:eq('+disch+')', 300, {easing:'easeInOutQuart', offset: -20, axis: 'y', onAfter:function(){ 
				// After the scroll	
				
				}});
   				
   				return false;
			
			}
    		
    	} else {
    	
    		if (start > 4) {
		
    			start--;
				color--;
				var disch = start;
				
				$.scrollTo('.key:eq('+disch+')', 300, {easing:'easeInOutQuart', offset: -20, axis: 'y', onAfter:function(){ 
				// After the scroll	
				
				}});
				
			}
    		
    	}
	
	});
	
	shortcut.add("down",function() {
		
		numberofkeys = $('.key').length;
		numberofkeys = numberofkeys-2;
		
		if (numberofkeys < start) {
		
		
			
		
		} else {
			
			var disch = start+1;
			
			$.scrollTo('.key:eq('+disch+')', 300, {easing:'easeInOutQuart', offset: -20, axis: 'y', onAfter:function(){ 
			// After the scroll
			}});
			
			start++;
			color++;
		
			return false;
			
		}
		
	});
	

});


$(".resetme").live("click", function(event) {

resetvariables();

});

// Set View and Grid view & List view

$("#single_view").live("click",function(event){
	singleView();
	$(".switch").css({'color':'#444'});
	$(this).css({'color':'#999'});
});

$("#grid_view").live("click",function(event){
	gridView();
	$(".switch").css({'color':'#444'});
	$(this).css({'color':'#999'});
});



function singleView() {
	$.cookie('viewType', 'single', {path: "/"}, {expires: 7});
	location.reload();
};

function gridView() {
	$.cookie('viewType', 'grid', {path: "/"}, {expires: 7});
	location.reload();
};


// Switch ON keynavigation
switchkeyson();


// Reset stuff
function resetvariablesdash() {

    start = 0;
    color = start+1;

};


// Dashboard functionality (Click function)

function dashshow() {

			$('#dash1').css({'visibility':'visible'});
		    $('#dash1').slideDown(0);
    		$("#dashboard").html("Close (d)");
    		dash = 1;
    		dashy = true;
    		resetvariablesdash();
		
		
			$.scrollTo('.key:eq(0)', 0, {easing:'easeInOutQuart', offset: -22, axis: 'y', onAfter:function(){ 
				// After the scroll	
				}
			});
				

};

function dashhide() {

		$("#fakediv").hide(50, function() {   
 			
 			//$('#dash1').css({'visibility':'hidden'});
        	$('#dash1').slideUp(200);
    		$("#dashboard").html("Dashboard (d)");
        	dash = 0;
    		dashy = false;
        	resetvariables();

        	
        $("#fakediv").show(500, function() {

			$.scrollTo('.key:eq(4)', 300, {easing:'easeInOutQuart', offset: -22, axis: 'y', onAfter:function(){ 
				// After the scroll	
				}
			});
			
		});
		});

};

$("#dashboard").live("click", function(){
    
    if (dash == 0) {
    
dashshow();

    	
    } 
    
    else if (dash == 1) {
 
dashhide();
        
    }
    
    
}); 

$(".internal a").live("click", function(){

dashhide();
            
});


	
	});