/*
$(function(){
});
*/


var active_color = '#000'; // Colour of user provided text
var inactive_color = '#666'; // Colour of default text
 
$(document).ready(function() {
	//columnize texts
	$('.three_columns').columnize({width: 230});
	$('.two_columns').columnize({width: 230});

	//set default values	
	if($("#guest_name").val() == "Uw naam..." && !$("#guest_name").hasClass('error')) $("#guest_name").val('Uw naam...').css("color", inactive_color);
	$("#guest_name").focus(function() {
		if (this.value == "Uw naam...") $("#guest_name").val('').css("color", active_color);
	});

	$('#guest_name').blur(function() {
		if (this.value == "") $("#guest_name").val('Uw naam...').css("color", inactive_color);	
	});

	if($("#guest_text").val() == "Typ hier uw bericht..." && !$("#guest_text").hasClass('error')) $("#guest_text").val('Typ hier uw bericht...').css("color", inactive_color);
	$("#guest_text").focus(function() {
		if (this.value == "Typ hier uw bericht...") $("#guest_text").val('').css("color", active_color);
	});
	$('#guest_text').blur(function() {
		if (this.value == "") $("#guest_text").val('Typ hier uw bericht...').css("color", inactive_color);	
	});
	
	if($("#guest_check").val() == "Typ hier Tijl's achternaam..." && !$("#guest_check").hasClass('error')) $("#guest_check").val('Typ hier Tijl\'s achternaam...').css("color", inactive_color);
	$("#guest_check").focus(function() {
		if (this.value == "Typ hier Tijl's achternaam...") $("#guest_check").val('').css("color", active_color);
	});
	$('#guest_check').blur(function() {
		if (this.value == "") $("#guest_check").val("Typ hier Tijl's achternaam...").css("color", inactive_color);	
	});
//	if($('#playlist_column').height() < $('#main_column').height()){
//		alert("grow");
//	}else{
//		alert("stay");
//	}
	$('#playlist_column').css("height", $(document).height()+"px");
 	$('body').css("background-position", (Math.round($('#main_column').offset().left))+"px 0px");
	$(window).bind('resize', function(){
 		$('body').css("background-position", (Math.round($('#main_column').offset().left))+"px 0px");
	});
});