$(document).ready(function(){
	startTeaserSlide();

	$(".clickable").click(function() {
		window.location = $(this).find('a').attr('href');
		return false;
	});
	
	$('input[type="text"]').focus(function() {
		$(this).addClass("focused");  
		if (this.value == this.defaultValue){  
			this.value = '';  
		}  
		if(this.value != this.defaultValue){  
			this.select();  
	   }  
	});  
	$('input[type="text"]').blur(function() {  
	   $(this).removeClass("focused");  
	   if ($.trim(this.value) == ''){  
		   this.value = (this.defaultValue ? this.defaultValue : '');  
	   }  
	});
});
	
var teaserSlidesText = new Array();
var teaserSlidesImages = new Array();
teaserSlidesText[0] = "<h1>Webdesign, website bouw, zoekmachine optimalisatie ...</h1><p>Dotsolutions is een jong en gedreven internet totaal bureau. Wij zijn gespecialiseerd in het leveren van hoogwaardige internet oplossingen.</p>";
teaserSlidesImages[0] = "/images/teaser.jpg";
teaserSlidesText[1] = "<h1>Effectief online verkopen</h1><p>Onze succesvolle e-commerce oplossingen halen de meest optimale omzet uit uw website.</p><p><a href='/internet-diensten'>Lees meer</a></p>";
teaserSlidesImages[1] = "/images/teaser-1.jpg";
teaserSlidesText[2] = "<h1>Haal alles uit uw website</h1><p>Laat het internet voor u werken! Wij bouwen resultaat gerichte internet oplossingen.</p><p><a href='/internet-diensten'>Lees meer</a></p>";
teaserSlidesImages[2] = "/images/teaser-2.jpg";

var referentieSlides = new Array();
referentieSlides[0] = "<p class='titel'><a href='/referenties/overheid-en-non-profit/portaal-gemeente-hoogeveen.html'>Case: Portaal Gemeente Hoogeveen</a></p><p class='quote'><img src='/images/referenties/hoogeveen.gif' alt='gemeente hoogeveen' />&ldquo;Het portaal is een verzamel plek van alle informatie uit Hoogeveen. Het portaal is gekoppeld met verschillende sites, zoals Twitter, YouTube, Hyves en wordt daardoor automatisch geupdate.&rdquo;</a></p>"
referentieSlides[1] = "<p class='titel'><a href='/referenties/e-commerce/ledlampenkopen.html'>Case: Webwinkel ledlampenkopen.nl</a></p><p class='quote'><img src='/images/referenties/ledlampenkopen.gif' alt='ledlampenkopen' />&ldquo;Ledlampenkopen is specialist op het gebied van ledlampen. Een moderne webwinkel die zoekmachine vriendelijk is gebouwd en ingevuld. Met de ledlampenkiezer kan er makkelijk een goede led lamp worden gekozen.&rdquo;</a></p>"
referentieSlides[2] = "<p class='titel'><a href='/referenties/algemeen/rendo.html'>Case: Rendo</a></p><p class='quote'><img src='/images/referenties/rendo.gif' alt='rendo' />&ldquo;De diverse Rendo bedrijven zijn voorzien van informatie gerichte up-to-date websites. De sites bevatten onder andere het online doorgeven van meterstanden, het controleren van storingen, etc.&rdquo;</a></p>"
referentieSlides[3] = "<p class='titel'><a href='/referenties/overheid-en-non-profit/diezerpoort-ben-ik.html'>Case: Portal Gemeente Zwolle</a></p><p class='quote'><img src='/images/referenties/zwolle.gif' alt='gemeente zwolle' />&ldquo;Interactieve portaal voor bewoners van de gemeente Zwolle. Bewoners kunnen erg eenvoudig informatie vinden, delen en er op reageren!&rdquo;</a></p>"
referentieSlides[4] = "<p class='titel'><a href='/referenties/algemeen/bedrijfsartsengroep.html'>Case: Bedrijfsartsengroep</a></p><p class='quote'><img src='/images/referenties/bedrijfsartsengroep.gif' alt='bedrijfsartsengroep' />&ldquo;Portal, intranet, documentenbank, forum, smoelenboek, etc. Voor de diverse doelgroepen &eacute;n medewerkers leverden wij een compleet pakket aan internet oplossingen.&rdquo;</a></p>"
var currentTeaserSlide = 0;
var currentReferentieSlide = Math.floor(referentieSlides.length*Math.random());

function startTeaserSlide(){
	doTeaserSlide();
	doReferentieSlide();
}

function doTeaserSlide(){
	$("#teaser #omschrijving").html(teaserSlidesText[currentTeaserSlide]);
	$("#teaser img").attr("src", teaserSlidesImages[currentTeaserSlide])
	currentTeaserSlide++;
	if (currentTeaserSlide == teaserSlidesText.length) { currentTeaserSlide = 0; };
	$("#teaser img").delay(200).fadeIn(600);
	$("#teaser #omschrijving").fadeIn(600);
	$("#teaser #omschrijving").delay(3600).fadeOut(600);
	$("#teaser img").delay(3800).fadeOut(600, function(){
		doTeaserSlide();
	});
}
function doReferentieSlide(){
	$("#cases").html(referentieSlides[currentReferentieSlide]);
	currentReferentieSlide++;
	if (currentReferentieSlide == referentieSlides.length) { currentReferentieSlide = 0; };
	$("#cases").fadeIn(600);
	$("#cases").delay(4800).fadeOut(600, function(){
		doReferentieSlide();
	});
}