/*	sdi.js | SDi
**	Lodewijk Schutte | Low
**	v1.2 | 20100416
**	Requires jQuery 1.3.2
**	---------------------------------------------------------------------- */

$(function(){
	
	/*	Add js-on class to body
	**	---------------------------------------------------------------------- */
	
	$(document.body).addClass('js-on');
	
	$('a').click(function(){
		if (this.href.indexOf(document.domain)==-1) {
			window.open(this.href);
			return false;
		}
	});
	
	
	/*	Enhance subscribe form
	**	---------------------------------------------------------------------- */
	
	var enhanceInputField = function(el, msg) {

		$(el).attr('value', msg).focus(function(){
			if ($(this).attr('value') == msg) {
				$(this).attr('value', '');
			}
		}).blur(function(){
			if ($(this).attr('value') == '') {
				$(this).attr('value', msg);
			}
		});

	};
	
	enhanceInputField('#email', 'Uw emailadres');
	enhanceInputField('#keywords', 'Zoekterm');
	enhanceInputField('#vertrekpunt', 'Straat + huisnummer, stad');

	/*	Show/hide toggle blocks
	**	---------------------------------------------------------------------- */
	
	var toggleBlocks = function(selector, labels) {
		
		$(selector).each(function(){

			$(this).parent().addClass('closed');

			var a = $('<a/>').attr('href','#').text(labels[0]).click(function(){
				var i = $(this).parent().toggleClass('closed').hasClass('closed') ? 0 : 1;
				$(this).text(labels[i]);
				return false;
			});

			$(this).parent().append(a);

		});
	};
	
	toggleBlocks('div.about div.more', ['Lees verder', 'Sluiten']);
	toggleBlocks('div.service div.more', ['Bekijk case', 'Verberg']);

	/*	Drop down jump
	**	---------------------------------------------------------------------- */

	$('#switch button').hide();
	$('#switch select').change(function(){
		var action = $('#switch form').attr('action');
		var val = this.options[this.selectedIndex].value;
		location.href = action + $(this).attr('name') + '/' + (val ? val + '/' : '');
	}).css('width','220px');
	
	/*	Tabs on contact page
	**	---------------------------------------------------------------------- */
		
	$('#tabs .tab').each(function(i){
		
		if (i == 0) {
			$('#tabs').prepend($('<div/>').attr('id','tablinks'));
		}
		
		$(this).attr('id', 'tab'+i);
		
		var that = $(this);
		var txt = $('h2', this).text();
		
		var a = $('<a/>').attr('href','#tab'+i).text(txt).click(function(){
			$('#tabs .tab').hide();
			$('#tabs a.active').removeClass('active');
			that.show();
			$(this).addClass('active');
			return false;
		});
		
		if (i > 0) {
			$(this).hide();
		} else {
			$(a).addClass('active');
		}
		
		$('#tablinks').append(a);
		
	});
	
});