function checkCheckbox(){
    var value = $("#brochurevalue").val();  
    if(value == '0'){
        // Dan gaan we de background vast zetten van de checkbox
        // en de value op 1 zetten
        $("#brochurevalue").attr("value", "1");
        $(".checkbox").css("background-position", "0 -29px");
        $("#contacthidden").css("display", "block");
    }else{
        // Dan gaan we de background terug zetten van de checkbox
        // en de value op 0 zetten
        $("#brochurevalue").attr("value", "0");
        $(".checkbox").css("background-position", "0 0");
        $("#contacthidden").css("display", "none");
    }
    $(document).ready(function() {
    	updateHeight();
    });
}

$(document).ready(function() {
    var value = $("#brochurevalue").val();  
    //alert(value);
    if(value == '1'){
        // Dan gaan we de background terug zetten van de checkbox
        // en de value op 0 zetten
        $(".checkbox").css("background-position", "0 -29px");
        $("#contacthidden").css("display", "block");
    }
    if(value == '0'){
        // Dan gaan we de background vast zetten van de checkbox
        // en de value op 1 zetten
        $(".checkbox").css("background-position", "0 0px");
        $("#contacthidden").css("display", "none");
    }
	
	updateHeight();
});
        
function updateHeight() {            
	if(($("#main_content").height() + $("#extrabuttons").height()) >= $("#menu_left").find("div:first").height()) {
		var addHeight = 0;
		if($("div#informatiebalk").length > 0) {
			addHeight = 120;
		}

		$("#menu_left").height($("#main_content").height() + addHeight + $("#newsletter_button").height());
		
		if($("div.kavelinformatie").length > 0) {
			var ki = $("div.kavelinformatie").position();
			var ml = $("div.voordeel").parent().position();
			var dif = ((ki.top + $("div.kavelinformatie").height()) - ml.top);
			
			if((ki.top + $("div.kavelinformatie").height()) <= ml.top) {
				//$("#menu_left").height($("#menu_left").height() + $("#newsletter_button").height() + dif);
			} else {
				$("#menu_left").height($("#menu_left").height() + $("#newsletter_button").height() + dif);
			}
		}
	} else {
		$("#menu_left").height($("#menu_left").find("div:first").height() + $("#newsletter_button").height());
	}
}

/** ZONES **/
// Attributes
var current_number = 0;
var imageArray = new Array(10);

function abs (n) {
	return ((n<0) ? n*-1 : n);
} 

function moveImage(id, direction){
    var check = 0;
    
    // We gaan kijken of het id gevuld is
    if(id > -1)
    {
        // Controleren welke kant we op moeten
		if(direction == 'back') {
			// Terug
			// We kunnen gewoon opschuiven in de array
			for(b=(current_number + 2);b >= current_number;b=(b-1)) {
				$("#image_" + (2 - check)).attr('src', imageArray[(b - 1)]);
				check++;
			}
	
			// Nummer updaten
			current_number = (current_number - 1);
	
		} else if(direction == 'next') {
			// Volgende
			// We kunnen gewoon opschuiven
			for(b=current_number;b < imageArray.length;b++) {
				$("#image_" + (b - (current_number + 1))).attr('src', imageArray[b]);
				check++;
			}
			
			// Nummer updaten
			current_number = (current_number + 1);
		}
		
		/*if(current_number < 0) {
			for(c=current_number;c < 0;c++) {
				alert(c);
				$("#image_" + abs(c)).attr('src', imageArray[(imageArray.length + c)]);
			}
		}*/
		
		// Back
		if(current_number > 0) {
			$("#btn_back").css("visibility", "visible");
		} else {
			$("#btn_back").css("visibility", "hidden");
		}
		
		// Next
		if((current_number + 3) >= imageArray.length) {
			$("#btn_foreward").css("visibility", "hidden");
		} else {
			$("#btn_foreward").css("visibility", "visible");
		}
    }
}

function getZone(id) {	
    // Controleren of er een ID opgegeven is
    if(id > 0) {		
		// Gegevens ophalen
		$.ajax({
			url: "/index.php?page=kavels&ajax=1",
			type: "POST",
			data: { getPage: id },
			cache: false,
			async: true,
			success: function(data) {
				$("#main_content").html(data);
				updateHeight();
				updateBtn();
			}
		});
		
		// Afbeeldingen ophalen
		getZoneImage(id);
		
		// Ingekomen ID opslaan
		current_id = id;
		
		updateBtn();
    } else {
		$("#main_content").html('');
	}
}

function getZoneImage(id) {
    // Controleren of het ID hoger is dan 0
    if(id > 0) {
		// Gegevens ophalen
		$.ajax({
			url: "/index.php?page=kavels&ajax=1",
			type: "POST",
			data: { getZoneImage: id },
			cache: false,
			async: true,
			success: function(data) {
			// Data splitten op :|:
			tmp = data.split(":|:");
			current_number = 0;
			
			// Image Array leeg maken
			imageArray = new Array(tmp.length);
			
			// Controleren of er gegevens zijn
			if(tmp.length > 0) {		    
				for(var c=0;c < tmp.length;c++) {
				imageArray[c] = tmp[c];
				}
			}
	    }
	});
    }
}

function updateBtn() {
	// Buttons instellen	
	// Back
	if(current_number > 0) {
		$("#btn_back").css("visibility", "visible");
	} else {
		$("#btn_back").css("visibility", "hidden");
	}
	
	// Next
	if((current_number + 3) >= imageArray.length) {
		$("#btn_foreward").css("visibility", "hidden");
	} else {
		$("#btn_foreward").css("visibility", "visible");
	}
}
