// JavaScript Document

var steps = 14942 / 900;
var sliding = false;
var firstSlideStep = false;

var posHome = 900;
var posProfile = 512;
var posContact = 637;

$(function() {
	// slider
	$("#slider").slider({
		animate: false,
		max: 900,
		start: function(event, ui){
			sliding = true;
			firstSlideStep = true;
		},
		stop: function(event, ui){
			sliding = false;
		},
		slide: function(event, ui){
			if(!firstSlideStep){
				var newPos = -(parseInt(ui.value * steps));
				$(".afbeeldingen ul").stop(false, false).css("margin-left", newPos+"px");
			}
			else{
				var newPos = -(parseInt(ui.value * steps));
				$(".afbeeldingen ul").stop(false, false).animate({"margin-left": newPos+"px"}, "slow");
				firstSlideStep = false;
			}
			checkPosForContent(ui.value);
		},
		change: function(event, ui){
			if(!sliding){
				var newPos = -(parseInt(ui.value * steps));
				$(".afbeeldingen ul").stop(false, false).animate({"margin-left": newPos+"px"}, 1000);
			}
		}
	});
	// einde slider
	
	// get after hash
	var afterHash = window.location.hash.slice(1);
	getPage(afterHash);
	
	
	// switch na klik op link
	$('nav a, .logo a').click( function(){
		var hashVal = this.hash.slice(1);
		getPage(hashVal);
	});
	
});

function test(str){
	$('.test').html(str+"<br>"+$('.test').html());
}


function getPage(paginaId){
	if(!paginaId){
		paginaId = 'home';
	}
	
	// wissel menu item
	var menuitem = $('nav a[href=#'+paginaId+']');
	if(paginaId != 'login'){
		$('nav .normal').removeClass('sel');
	}
	$(menuitem).addClass('sel');
	cufonReplace();
	
	//alert('klik');
	switch(paginaId){
		case 'collection'	: getPageCollection();	break;
		case 'profile'		: getPageProfile();		break;
		case 'contact'		: getPageContact();		break;
		case 'login'		: getPageLogin();		break;
		default				: getPageHome();		break;
	}

}

// functies om pagina's te tonen
var loginVisible = false;

function getPageHome(){
	$( "#slider" ).slider( "value", posHome );
	closeAllContent();
}
function getPageCollection(){
	closeAllContent();
}
function getPageProfile(){
	$( "#slider" ).slider( "value", posProfile );
	closeAllContent();
	$('.profile_content').stop().slideDown();
}
function getPageContact(){
	$( "#slider" ).slider( "value", posContact );
	closeAllContent();
	$('.contact_content').stop().slideDown();
}
function getPageLogin(){
	var formHeight = 134;
	var oldMarginTop = 226;
	var newMarginTop = oldMarginTop - formHeight;
	
	if(!loginVisible){
		$('section ul li.retailerlogin').animate({"margin-top": newMarginTop+"px"}, 500);
		$('section ul li.retailerlogin .loginform_container').slideDown(500);
		loginVisible = true;
	}
	else{
		$('section ul li.retailerlogin').animate({"margin-top": oldMarginTop+"px"}, 500);
		$('section ul li.retailerlogin .loginform_container').slideUp(500);
		loginVisible = false;
		$('.retailerlogin').removeClass('sel');
	}
}


function checkPosForContent(pos){
	if(pos != posProfile){
		$('.profile_content').slideUp();
	}
	if(pos != posContact){
		$('.contact_content').slideUp();
	}
	
}

function closeAllContent(){
	$('.profile_content').slideUp();
	$('.contact_content').slideUp();
}