/****************************************
(c) 2011 Martijn Hardenberg, 050media
Lay-out: SH Makelaars
Bestand: functies.js
****************************************/

//BEDRIJFSAANBOD PAGINA
$("#bedrijfsaanbod_fotos").hide();
$("#bedrijfsaanbod_tab_kenmerk").click(function() {
	$("#bedrijfsaanbod_kenmerk").show();
	$("#bedrijfsaanbod_fotos").hide();
	$("#bedrijfsaanbod_tab_kenmerk").addClass("actief");
	$("#bedrijfsaanbod_tab_fotos").removeClass("actief");
});
$("#bedrijfsaanbod_tab_fotos").click(function() {
	$("#bedrijfsaanbod_kenmerk").hide();
	$("#bedrijfsaanbod_fotos").show();
	$("#bedrijfsaanbod_tab_kenmerk").removeClass("actief");
	$("#bedrijfsaanbod_tab_fotos").addClass("actief");
});
$('#blok_start a').lightBox();

//WIZZLR
var wizzlractief = 1;
$('#wizzlr_blok-1 .wizzlr_blok_grijs').css({opacity: 0.0});
$('#wizzlr_blok-1 .wizzlr_blauw').show();
$('#wizzlr_blok-2 .wizzlr_grijs').show();
$('#wizzlr_blok-3 .wizzlr_grijs').show();
$('#wizzlr_blok-4 .wizzlr_grijs').show();
//functies
function animatie(waarde) {
	// 1
	if(waarde == 1) {
		$('#wizzlr_blok-1').animate({'width' : '420px'});
		$('#wizzlr_blok-1 .wizzlr_blok_kleur').animate({'margin-left' : '0' , opacity: 1});
		$('#wizzlr_blok-1 .wizzlr_blok_grijs').animate({'margin-left' : '0' , opacity: 0.0});
		$('#wizzlr_blok-1 .wizzlr_blauw').fadeIn();
		$('#wizzlr_blok-1 .wizzlr_grijs').fadeOut();
	} else {
		$('#wizzlr_blok-1').animate({'width' : '180px'});
		$('#wizzlr_blok-1 .wizzlr_blok_kleur').animate({'margin-left' : '-120px' , opacity: 0.0});
		$('#wizzlr_blok-1 .wizzlr_blok_grijs').animate({'margin-left' : '-120px' , opacity: 1});
		$('#wizzlr_blok-1 .wizzlr_blauw').fadeOut();
		$('#wizzlr_blok-1 .wizzlr_grijs').fadeIn();
	}
	// 2
	if(waarde == 2) {
		$('#wizzlr_blok-2').animate({'width' : '420px'});
		$('#wizzlr_blok-2 .wizzlr_blok_kleur').animate({'margin-left' : '0' , opacity: 1});
		$('#wizzlr_blok-2 .wizzlr_blok_grijs').animate({'margin-left' : '0' , opacity: 0.0});
		$('#wizzlr_blok-2 .wizzlr_blauw').fadeIn();
		$('#wizzlr_blok-2 .wizzlr_grijs').fadeOut();
	} else {
		$('#wizzlr_blok-2').animate({'width' : '180px'});
		$('#wizzlr_blok-2 .wizzlr_blok_kleur').animate({'margin-left' : '-120px' , opacity: 0.0});
		$('#wizzlr_blok-2 .wizzlr_blok_grijs').animate({'margin-left' : '-120px' , opacity: 1});
		$('#wizzlr_blok-2 .wizzlr_blauw').fadeOut();
		$('#wizzlr_blok-2 .wizzlr_grijs').fadeIn();
	}
	// 3
	if(waarde == 3) {
		$('#wizzlr_blok-3').animate({'width' : '420px'});
		$('#wizzlr_blok-3 .wizzlr_blok_kleur').animate({'margin-left' : '0' , opacity: 1});
		$('#wizzlr_blok-3 .wizzlr_blok_grijs').animate({'margin-left' : '0' , opacity: 0.0});
		$('#wizzlr_blok-3 .wizzlr_blauw').fadeIn();
		$('#wizzlr_blok-3 .wizzlr_grijs').fadeOut();
	} else {
		$('#wizzlr_blok-3').animate({'width' : '180px'});
		$('#wizzlr_blok-3 .wizzlr_blok_kleur').animate({'margin-left' : '-120px' , opacity: 0.0});
		$('#wizzlr_blok-3 .wizzlr_blok_grijs').animate({'margin-left' : '-120px' , opacity: 1});
		$('#wizzlr_blok-3 .wizzlr_blauw').fadeOut();
		$('#wizzlr_blok-3 .wizzlr_grijs').fadeIn();
	}
	// 4
	if(waarde == 4) {
		$('#wizzlr_blok-4').animate({'width' : '420px'});
		$('#wizzlr_blok-4 .wizzlr_blok_kleur').animate({'margin-left' : '0' , opacity: 1});
		$('#wizzlr_blok-4 .wizzlr_blok_grijs').animate({'margin-left' : '0' , opacity: 0.0});
		$('#wizzlr_blok-4 .wizzlr_blauw').fadeIn();
		$('#wizzlr_blok-4 .wizzlr_grijs').fadeOut();
	} else {
		$('#wizzlr_blok-4').animate({'width' : '180px'});
		$('#wizzlr_blok-4 .wizzlr_blok_kleur').animate({'margin-left' : '-120px' , opacity: 0.0});
		$('#wizzlr_blok-4 .wizzlr_blok_grijs').animate({'margin-left' : '-120px' , opacity: 1});
		$('#wizzlr_blok-4 .wizzlr_blauw').fadeOut();
		$('#wizzlr_blok-4 .wizzlr_grijs').fadeIn();
	}
	// set waarde
	wizzlractief = waarde;
}
//hovers
var timer = null;
$("#wizzlr_blok-1").hover(function() {
	if(wizzlractief != 1) {
		clearTimeout(timer);
		timer = setTimeout(function() {
        	animatie(1);
    	}, 300);
	}
});
$("#wizzlr_blok-2").hover(function() {
	if(wizzlractief != 2) {
		clearTimeout(timer);
		timer = setTimeout(function() {
        	animatie(2);
    	}, 300);
	}
});
$("#wizzlr_blok-3").hover(function() {
	if(wizzlractief != 3) {
		clearTimeout(timer);
		timer = setTimeout(function() {
        	animatie(3);
    	}, 300);
	}
});
$("#wizzlr_blok-4").hover(function() {
	if(wizzlractief != 4) {
		clearTimeout(timer);
		timer = setTimeout(function() {
        	animatie(4);
    	}, 300);
	}
});