$(document).ready(function(){ 

//Initialiseer tijdens page load
beginwaarden();

function keeplast() {
	if (vps_chosen == "256")
	{
		setwhite();
		$('#256_price_mini').css({ backgroundImage : "url(images/prijs/256_price_mini.png)" });
		$('#256_price_field').css('background-color','#e3e3e3');
	}
	if (vps_chosen == "512")
	{
		setwhite();
		$('#512_price_mini').css({ backgroundImage : "url(images/prijs/512_price_mini.png)" });
		$('#512_price_field').css('background-color','#e3e3e3');
	}
	if (vps_chosen == "1024")
	{
		setwhite();
		$('#1024_price_mini').css({ backgroundImage : "url(images/prijs/1024_price_mini.png)" });
		$('#1024_price_field').css('background-color','#e3e3e3');
	}
	if (vps_chosen == "2048")
	{
		setwhite();
		$('#2048_price_mini').css({ backgroundImage : "url(images/prijs/2048_price_mini.png)" });
		$('#2048_price_field').css('background-color','#e3e3e3');
	}
}

function resetvps()
{
	$('#256_price_field').css('background-color','#ffffff');
	$('#512_price_field').css('background-color','#ffffff');
	$('#1024_price_field').css('background-color','#ffffff');
	$('#2048_price_field').css('background-color','#ffffff');
	$('#256_price_mini').css({ backgroundImage : "url(images/prijs/256_price_mini_inactive.png)" });
	$('#512_price_mini').css({ backgroundImage : "url(images/prijs/512_price_mini_inactive.png)" });
	$('#1024_price_mini').css({ backgroundImage : "url(images/prijs/1024_price_mini_inactive.png)" });
	$('#2048_price_mini').css({ backgroundImage : "url(images/prijs/2048_price_mini_inactive.png)" });
}

//knopjes dynamisch vervangen met jQuery
//column1
$("#consument_field").mouseover(function() {
	column1_deactivate();
	reset_domein_input();
	$('#consument_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#iron_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#consument_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#euro').css({ backgroundImage : "url(images/5eurbutton.png)" });
	$('#iron_field_ext').css('background-color','#ff7f0d');
	$('#iron_field_ext').css({color:'#ffffff'});
	
	column2_deactivate();
	column3_deactivate();
	deactivate_vps_button();
	resetvps();
});

$("#consument_field").mouseout(function() {
	resetvps();
});

$("#professioneel_field").mouseover(function() {
	column2_deactivate();
	reset_domein_input();
	$('#vps_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
//	$('#vps_info_field').css({ backgroundImage : "url(images/orange_button2.png)" });	
//	$('#vps_info2_field').css({ backgroundImage : "url(images/orange_button2.png)" });	
	$('#vps_pakketen_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#VPS_256_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	$('#vps_registration_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	
	column1_deactivate();
	column3_deactivate();
	activate_vps_button();
});
$("#product_field").mouseover(function() {
	column3_deactivate();

	$('#sms_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#product_field').css({ backgroundImage : "url(images/orange_button.png)" });
	
	column1_deactivate();
	column2_deactivate();
	deactivate_vps_button();
	resetvps();
	reset_domein_input();
});

$("#iron_field").mouseover(function() {
	column1_deactivate();
	$('#iron_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#consument_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#euro').css({ backgroundImage : "url(images/5eurbutton.png)" });
	$('#iron_field_ext').css('background-color','#ff7f0d');
	$('#iron_field_ext').css({color:'#ffffff'});
	
	column2_deactivate();
	column3_deactivate();
	reset_domein_input();
});

$("#iron_field_pict").mouseover(function() {
column1_deactivate();
	$('#iron_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#consument_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#euro').css({ backgroundImage : "url(images/5eurbutton.png)" });
	$('#iron_field_ext').css('background-color','#ff7f0d');
	$('#iron_field_ext').css({color:'#ffffff'});
	
	column2_deactivate();
	column3_deactivate();
	reset_domein_input();
});

//column2
$("#vps_info_submenu").mouseover(function() {
	column2_deactivate();
	$('#vps_info_field').css({ backgroundImage : "url(images/orange_button2.png)" });
//	$('#vps_info2_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#vps_pakketen_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#VPS_256_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	$('#vps_registration_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	column1_deactivate();
	column3_deactivate();
	keeplast();
	reset_domein_input();
});
$("#vps_info2_submenu").mouseover(function() {
	column2_deactivate();
//	$('#vps_info_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#vps_info2_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#vps_pakketen_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#VPS_256_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	$('#vps_registration_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	column1_deactivate();
	column3_deactivate();
	keeplast();
	reset_domein_input();
});
$("#vps_pakketen_submenu").mouseover(function() {
	column2_deactivate();
//	$('#vps_info_field').css({ backgroundImage : "url(images/orange_button2.png)" });
//	$('#vps_info2_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#vps_pakketen_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#VPS_256_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	column1_deactivate();
	column3_deactivate();
	reset_domein_input();
});
$("#VPS_256_submenu").mouseover(function() {
	column2_deactivate();
//	$('#vps_info_field').css({ backgroundImage : "url(images/orange_button2.png)" });
//	$('#vps_info2_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#vps_pakketen_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#VPS_256_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	column1_deactivate();
	column3_deactivate();
	reset_domein_input();
});
$("#vps_submenu").mouseover(function() {
	column2_deactivate();
	$('#vps_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	column1_deactivate();
	column3_deactivate();
	reset_domein_input();
});
$("#dedicated_submenu").mouseover(function() {
	column2_deactivate();
	$('#dedicated_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	column1_deactivate();
	column3_deactivate();
	reset_domein_input();
});
$("#service_submenu").mouseover(function() {
	column2_deactivate();
	$('#service_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	column1_deactivate();
	column3_deactivate();
	reset_domein_input();
});
$("#vps_registration_submenu").mouseover(function() {
	column2_deactivate();
	$('#vps_registration_field').css({ backgroundImage : "url(images/orange_button_big.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	column1_deactivate();
	column3_deactivate();
	reset_domein_input();
});
$("#colocatie_submenu").mouseover(function() {
	column2_deactivate();
	$('#colocatie_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/orange_button.png)" });
	column1_deactivate();
	column3_deactivate();
	reset_domein_input();
});
//column3
$("#domein_reg_field").mouseover(function() {	
	column3_deactivate();
	$('#domein_reg_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#product_field').css({ backgroundImage : "url(images/orange_button.png)" });
	$('#domein_reg_field_ext').css('background-color','#ff7f0d');
	$('#domein_reg_ext').css({color:'#ffffff'});
	
	column1_deactivate();
	column2_deactivate();
	reset_domein_input();
});
$("#sms_submenu").mouseover(function() {
	column3_deactivate();
	$('#sms_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#product_field').css({ backgroundImage : "url(images/orange_button.png)" });
	column1_deactivate();
	column2_deactivate();
});
$("#aanbieding_submenu").mouseover(function() {
	column3_deactivate();
	$('#aanbieding_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#product_field').css({ backgroundImage : "url(images/orange_button.png)" });
	
	$('#aanbieding_field_ext').css('background-color','#ff7f0d');
	$('#aanbieding_field_ext').css({color:'#ffffff'});

	column1_deactivate();
	column2_deactivate();
	reset_domein_input();
});
$("#opslag_submenu").mouseover(function() {
	column3_deactivate();
	$('#opslag_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#product_field').css({ backgroundImage : "url(images/orange_button.png)" });
	column1_deactivate();
	column2_deactivate();
});
$("#webmaker_submenu").mouseover(function() {
	column3_deactivate();
	$('#webmaker_field').css({ backgroundImage : "url(images/orange_button2.png)" });
	$('#product_field').css({ backgroundImage : "url(images/orange_button.png)" });

	
	$('#webmaker_field_ext').css('background-color','#ff7f0d');
	$('#webmaker_field_ext').css({color:'#ffffff'});

	column1_deactivate();
	column2_deactivate();
	reset_domein_input();
});

$("#vps_order_button").mouseover(function() {
	$('#vps_order_button').css({ backgroundImage : "url(images/buttons/bestellen_button_active.png)" });
});

$("#vps_order_button").mouseout(function() {
	$('#vps_order_button').css({ backgroundImage : "url(images/buttons/bestellen_button_inactive.png)" });
});

$("#consument_field").mouseout(function() {
	if (jumpback == 1)
	{
		beginwaarden();
		keeplast();
		activate_vps_button()
	}
});
$("#product_field").mouseout(function() {
	if (jumpback == 1)
	{
		beginwaarden();
		keeplast();
		activate_vps_button()
	}
});
});

function reset_domein_input()
{
	$('#domein_input_ext').slideUp("fast", function() {
		$('#domein_input').slideDown("fast");
		$("#domeincheck_form").attr("action", "domein/single/");
		$('#domein_input_knop').css({ backgroundImage : "url(images/arrow_down.png)" });
	});
}

$("#contactgegevenstable").mouseout(function()
{
	reset_domein_input();
});

$("#testimonialtable").mouseout(function()
{
	reset_domein_input();
});

$("#newstable").mouseout(function()
{
	reset_domein_input();
});

function column1_deactivate()
{
	$('#consument_field').css({ backgroundImage : "url(images/grey_button.png)" });
	$('#iron_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#iron_field_ext').css('background-color','#646464');
	$('#iron_field_ext').css({color:'#ffffff'});
	$('#euro').css({ backgroundImage : "url(images/5eurbuttonblack.png)" });
}
function column2_deactivate()
{
	$('#vps_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#dedicated_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#service_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#professioneel_field').css({ backgroundImage : "url(images/grey_button.png)" });
	$('#VPS_256_field').css({ backgroundImage : "url(images/grey_button_big.png)" });
	$('#vps_registration_field').css({ backgroundImage : "url(images/grey_button_big.png)" });
	$('#vps_pakketen_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#vps_info_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#colocatie_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#vps_info2_field').css({ backgroundImage : "url(images/grey_button2.png)" });	
}
function column3_deactivate()
{
	$('#sms_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#opslag_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#webmaker_field_ext').css('background-color','#646464');
	$('#webmaker_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#webmaker_field_ext').css({color:'#ffffff'});
	$('#product_field').css({ backgroundImage : "url(images/grey_button.png)" });
	$('#domein_reg_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#domein_reg_field_ext').css('background-color','#646464');
	$('#domein_reg_field_ext').css({color:'#ffffff'});
	$('#aanbieding_field').css({ backgroundImage : "url(images/grey_button2.png)" });
	$('#aanbieding_field_ext').css('background-color','#646464');
	$('#aanbieding_field_ext').css({color:'#ffffff'});
}