/*
* Author:      Marco Kuiper (http://www.marcofolio.net/)
*/

// Speed of the quotation marks to show
var quoteSpeed = 500;

// Speed of the quote container to expand
var quoteContainerSpeed = 1000;

// Time the quote will be visible
var showQuoteSpeed = 8000;

// Time the screen will be empty
var cleanScreenSpeed = 500;

// Width of the quote box
// Would be cool to automatically grow to the containing text size in the future.
var quoteBoxWidth = "400px";

// The quotes we'll show
var quotes = [ 
    {
		"quote" : "Meesterbaan levert het Einstein Lyceum veel op. We hebben altijd keuze uit diverse kandidaten en het via de website van Meesterbaan bijhouden van de sollicitaties verloopt plezierig. Om die reden is het Einstein Lyceum volledig gestopt met het gebruiken van andere kanalen. De schoolwebsite verwijst naar die van Meesterbaan.",
		"author" : "Louis Jongejans - Het Einstein Lyceum"
	},
	{
		"quote" : "De dienstverlening van Meesterbaan wordt door het bureau Ons Middelbaar Onderwijs als uitstekend ervaren. Meesterbaan reageert adequaat, denkt mee en voert alles efficiënt uit. Daarnaast komt Meesterbaan de afspraken na en is te allen tijde bereid tot overleg over mogelijke oplossingen.",
		"author" : "Martin Gillissen - Ons Middelbaar Onderwijs"
	}, {
		"quote" : "In het jaar 2011 heb ik veel baat gehad bij de service van jullie site. Het is niet gemakkelijk om van hieruit mensen te werven voor onze school zonder al te hoge advertentiekosten. Ook in het volgende jaar hopen we weer van jullie interactieve en zakelijke manier van dienstverlening gebruik te kunnen maken.",
		"author" : "Hans Odijk - Gwendoline van Puttenschool (St. Eustatius)"
	}, {
		"quote" : "De vacatures die wij hebben geplaatst, ook de moeilijk inpasbare, hebben geleid tot een snelle aanstelling van inmiddels prima collega's.",
		"author" : "Dennis Peek - Parkendaal Lyceum"
	}, {
		"quote" : "Een vacature plaatsen via Meesterbaan heeft een groot bereik en levert veel reacties op. Veel vacatures hebben wij kunnen vervullen door het plaatsen van een vacature op Meesterbaan. Het is een zeer gebruikersvriendelijke site. ",
		"author" : "Ineke Leentfaar - Erasmiaans Gymnasium"
	}, 
	{
		"quote" : "Sinds wij met Meesterbaan werken adverteren wij niet meer in landelijke dagbladen. Dit geeft aan dat het bereik van Meesterbaan verder gaat dan alleen de regio. De werkwijze van Meesterbaan zorgt ervoor dat je wervingsprocedure professioneel aangepakt wordt. De reminders per mail werken voortreffelijk.",
		"author" : "Malika Azaknouni - Ashram College"
	},
	{
		"quote" : "De scholengroep Spinoza is zeer tevreden over Meesterbaan. Het levert ons veel en vaak goede kandidaten op. Wij hebben al een aantal mensen benoemd die via Meesterbaan bij ons hebben gesolliciteerd.",
		"author" : "Karen van den Berg - Scholengroep Spinoza"
	},
	{
		"quote" : "Meesterbaan denkt mee met de klant en staat open voor suggesties voor verbetering van hun eigen website!",
		"author" : "Henriëtte Kiebêrt - Stichting Fioretti Teylingen"
	},
    {
		"quote" : "Meesterbaan is een gemakkelijk toegankelijke vacaturesite, waarvan de mensen achter de schermen gevoel hebben voor het onderwijs en het nooit vervelend vinden om mee te denken in oplossingen en gebruikersgemak.",
		"author" : "Ellen Rutgers - Stichting VO De Vechtstreek"
	},
      {
		"quote" : "Meesterbaan is overzichtelijk, makkelijk in gebruik en gezien de reacties, een veel bezochte site. Wij hebben er tot nu toe veel baat bij gehad.",
		"author" : "Mariska van Marle - Libanon Lyceum Rotterdam"
	}, {
		"quote" : "De meeste vacatures worden bij ons via Meesterbaan vervuld, wij zijn dus tevreden klant ",
		"author" : "Margreeth Ypma  - Andreas College"
	}, {
		"quote" : "Meesterbaan is een aantrekkelijke wervingssite, omdat het goed toegankelijk is, snel werkt en mogelijkheden biedt tot eigen invulling en profilering. Dit concept  levert ons altijd veel reacties op.",
		"author" : "Laura Sytsma - CSG Jan Arentsz"
	}, {
		"quote" : "Meesterbaan is voor ons een meester in het vinden van mensen voor een nieuwe baan. Wij zoeken een meester (of juf) en meesterbaan vindt de kandidaat voor deze baan. Onze ervaringen zijn positief.",
		"author" : "Henk Spuijbroek - Pierson college"
	}
	
];

// The quote index to start with
var currentQuoteIndex = 0;

// Document ready
$(document).ready(function()
{	
	// Webkit seems to have different ways of cerning the quotation marks
	// This little hack makes sure it's in the correct position
	if($.browser.webkit) {
		$(".quotemark").css({ "margin-top" : "-22px" });
		$(".rightquote").css({ "margin-top" : "-24px" });
	}	
	
	startAnimation();
});

/* Starts the animation */
var startAnimation = function() {
	setTimeout(function() {
		showLeftQuote();
	}, quoteSpeed);	
}

/* Shows left quote */
var showLeftQuote = function() {
	$(".leftquote").show();
	
	setTimeout(function() {
		showRightQuote();
	}, quoteSpeed);
};

/* Shows right quote */
var showRightQuote = function() {
	$(".rightquote").show();
	
	setTimeout(function() {
		showQuoteContainer();
	}, quoteSpeed);
};

/* Shows the quote container */
var showQuoteContainer = function() {
	// Small fix for the right quotation mark
	$(".rightquote").css({ "margin-left" : "-10px" });
	
	$("<p />")
		.html(quotes[currentQuoteIndex].quote)
		.css({ "display" : "none"})
		.appendTo($(".quote"));
		
	$("<p />")
		.addClass("author")
		.html(quotes[currentQuoteIndex].author)
		.css({ "display" : "none"})
		.appendTo($(".quote"));

	$(".quote")
		.show()
		.animate({ width : quoteBoxWidth }, quoteContainerSpeed, function() {
			showQuote();
		});
}

/* Shows the current quote */
var showQuote = function() {
	$(".quote").children().fadeIn();
		
	setTimeout(function() {
		clearQuote();
	}, showQuoteSpeed);
}

/* Clear the current quote */
var clearQuote = function() {
	// Determine the curren quote index
	if(currentQuoteIndex == quotes.length - 1) {
		currentQuoteIndex = 0;
	}
	else {
		currentQuoteIndex++;
	}
	
	// Fade out the quotation marks
	$(".quotemark").fadeOut();

	// Fade out the current quote and reset the data	
	$(".quote").fadeOut(function() {
		$(".rightquote").css({ "margin-left" : "0px" });
		
		$(".quote")
			.empty()
			.css({ width : "0px" });
		
		setTimeout(function() {
			startAnimation();
		}, cleanScreenSpeed);
	});
}