// document ready
$(document).ready(function() {
	$.ifixpng('img/pixel.gif','crop');
	showContainer();
	$("#selection a").simpletooltip();
});
var speed = 300;

// loading
function loader_show() {
	$('#loader').show();
	$('#loader_overlay').css({opacity: .8});
}
function loader_hide() {
	setTimeout(function() {
		$('#loader').fadeOut(speed);
		$('#loader_overlay').animate({opacity: 0}, speed );
	}, 100);
}

// ajax load div
function showContainer(layer,id) {

	$('#profiel_'+profiel).removeClass('selected');
	$('#verbinding_'+verbinding).removeClass('selected');
	$('#metselwerk_'+metselwerk).removeClass('selected');
	$('#raamwerk_'+raamwerk).removeClass('selected');
	$('#kozijn_'+kozijn).removeClass('selected');
	
	// new settings
	if (layer=='profiel') {
		profiel=id;
	} else if (layer=='verbinding') {
		verbinding=id;
	} else if (layer=='metselwerk') {
		metselwerk=id;
	} else if (layer=='raamwerk') {
		raamwerk=id;
	} else if (layer=='kozijn') {
		kozijn=id;
	}
	
	// verbinding resetten!
	if (verbinding=='recht' && profiel=='zonder_dorpel') {
		verbinding = 'schuin_ondiep';
	}
	// verbinding resetten!
	if (verbinding!='recht' && profiel=='met_dorpel_cube') {
		verbinding = 'recht';
	}

	// verbinding 'recht' disable!
	if (profiel=='zonder_dorpel') {
		$('#verbinding_recht').hide()
	} else {
		$('#verbinding_recht').show()
	}
	if (profiel=='met_dorpel_cube') {
		$('#verbinding_schuin_ondiep').hide();
		$('#verbinding_schuin_diep').hide();
	} else {
		$('#verbinding_schuin_ondiep').show();
		$('#verbinding_schuin_diep').show();
	}

	$('#profiel_'+profiel).addClass('selected');
	$('#verbinding_'+verbinding).addClass('selected');
	$('#metselwerk_'+metselwerk).addClass('selected');
	$('#raamwerk_'+raamwerk).addClass('selected');
	$('#kozijn_'+kozijn).addClass('selected');

	$.ajax({
		url: 'applicatie/ajax.image_container.php',
		data: 'profiel='+profiel+'&verbinding='+verbinding+'&metselwerk='+metselwerk+'&raamwerk='+raamwerk+'&kozijn='+kozijn+'&datum='+Date(),
		type: 'GET',
		success: function(html) {
			$(".imageWrapper").html(html);			
			loader_show();
			

		},
		error: function() {
			alert('error');
		},
		complete: function() {
			$('.imageWrapper div img').ifixpng();			
			loader_hide();
		}
	});
}

// ajax load div
function clearSessie() {

	$('#profiel_'+profiel).removeClass('selected');
	$('#verbinding_'+verbinding).removeClass('selected');
	$('#metselwerk_'+metselwerk).removeClass('selected');
	$('#raamwerk_'+raamwerk).removeClass('selected');
	$('#kozijn_'+kozijn).removeClass('selected');
	
    profiel = 'met_dorpel_hoek';
    verbinding = 'schuin_ondiep';
    metselwerk = 'rood';
    raamwerk = '9001';
    kozijn = '9001';

	$('#profiel_'+profiel).addClass('selected');
	$('#verbinding_'+verbinding).addClass('selected');
	$('#metselwerk_'+metselwerk).addClass('selected');
	$('#raamwerk_'+raamwerk).addClass('selected');
	$('#kozijn_'+kozijn).addClass('selected');

	$.ajax({
		url: 'applicatie/ajax.image_container.php',
		data: 'clear=1&profiel='+profiel+'&verbinding='+verbinding+'&metselwerk='+metselwerk+'&raamwerk='+raamwerk+'&kozijn='+kozijn+'&datum='+Date(),
		type: 'GET',
		success: function(html) {
			$(".imageWrapper").html(html);			
			loader_show();
		},
		error: function() {
			alert('error');
		},
		complete: function() {
			$('.imageWrapper div img').ifixpng();			
			loader_hide();
		}
	});
}