var valid;
var vars = getUrlVars();
var kenteken = "";
var page = window.location.href.slice(window.location.href.lastIndexOf('/') + 1 );

if( vars['kenteken'] && vars['kenteken'] != "" && vars['kenteken'].length <= 8 && vars['kenteken'].length >= 6 ) {
	kenteken = vars['kenteken'];
}
function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

$(document).ready( function() {
	var browser;
	$.each( $.browser, function( i, val  ) {
		if( val === true )
			browser = i;
	});
	
	$("#transparent_overlay").click( function() {
		close();
	} );
	
	$("#transparent_overlay").css( {
		opacity: '0.6'
	} );
	
	$("#werkgever").css({
		cursor: 'pointer'
	});
	$("#werknemer").css({
		cursor: 'pointer'
	});
	
	if( browser == "msie" && $.browser.version < 7 ) {
		$("#werkgever").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/werkgever.png")',
			display: 'block',
			cursor: 'pointer'
		});
		$("#werknemer").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/werknemer.png")',
			display: 'block',
			cursor: 'pointer'
		});
		
		$("#athlon").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/athlon.png")',
			display: 'block'
		});
		
		$("#NeM").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/NeM.png")',
			display: 'block'
		});
		
		$("#co2calculator").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/calculator.png")',
			display: 'block',
			cursor: 'pointer'
		});
		
		$("#file").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/file.png")',
			display: 'block'
		});
		
		$("#reken_uit").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/rekenuit.png")',
			display: 'block'
		});
		
		$("#vertel_verder").css({
			background: 'none',
			filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vertelverder.png")',
			display: 'block',
			cursor: 'pointer'
		});
		
		$("#popup_title").css({
			background: 'url("images/popup_title.gif")'
		});
		
		$("#popup_content").css({
			background: 'url("images/popup_background.gif")'
		});
		
		$("#popup_footer").css({
			background: 'url("images/popup_bottom.gif")'
		});
	}
	
	if( kenteken != "" && kenteken.length <= 8 && kenteken.length >= 6 ) {
		valid_swa( kenteken );
	}
});

function open( popup, title, height ) {
	var top = Math.round(height/2) + 9;
	
	$("#titel").html( title );
	//pageTracker._trackPageview(title);
	if( popup == "steleenvraag" || ( page == "werknemer.html" && popup != "contact_werkgever" ) )
		$("#popup_faq").show();
	else
		$("#popup_faq").hide();
	
	pageTracker._trackPageview("popup/" + popup + ".html");
	
	var content_height = height - 41; 
	$("#popup_content").css( {
		height: content_height + 'px'
	} );
	
	$("#content_div").css( {
		height: content_height + 'px'
	} );
	
	$("#popup_container").css( {
		height: height,
		'margin-top': '-' + top + 'px'
	} );
	
	$.ajax( {
		method: "get", url: "popup/" + popup + ".html",
		success: function( html ) {
			if( html != "" ) {
				$("#content_div").html( "<br />" + html );

				$("#popup_container").css( {
					visibility: 'visible'
				} );
				$("#transparent_overlay").css( {
					visibility: 'visible'
				} );
			} else {
				alert( "404 ERROR: " + popup + " not found" );
			}
		}
	});
}

function close() {
	$("#popup_content").html( "<div id='content_div'>&nbsp;</div>" );
	$("#titel").html( "" );
	
	pageTracker._trackPageview( page );
	
	$("#popup_container").css( {
		visibility: 'hidden'
	} );
	$("#transparent_overlay").css( {
		visibility: 'hidden'
	} );
	
	$("#iframe").css( {
		visibility: 'hidden'
	} );
}

function refresh( popup, title, height ) {
	var top = Math.round(height/2) + 9;
	$("#content_div").html( "" );
	$("#titel").html( title );
	//pageTracker._trackPageview(title);
	pageTracker._trackPageview("popup/" + popup + ".html");
	
	if( popup == "steleenvraag" || ( page == "werknemer.html" && popup != "contact_werkgever" ) )
		$("#popup_faq").show();
	else
		$("#popup_faq").hide();
	
	var content_height = height - 41; 
	$("#popup_content").css( {
		height: content_height + 'px'
	} );
	
	$("#content_div").css( {
		height: content_height + 'px',
		width: '374px'
	} );
	
	$("#popup_container").css( {
		height: height,
		'margin-top': '-' + top + 'px'
	} );
	
	$.ajax( {
		method: "get", url: "popup/" + popup + ".html",
		success: function( html ) {
			if( html != "" ) {
				$("#content_div").html( "<br />" + html );
				//if( popup == "contact_overzicht" )
					//$('a[title$="faq"]').hide();//to hide 'terug naar faq' in contact_overzicht
			} else {
				alert( "404 ERROR: " + popup + " not found" );
			}
		}
	});
}

function faq_refresh( popup, title, height ) {
	var top = Math.round(height/2) + 9;
	$("#content_div").html( "" );
	$("#titel").html( title );
	//pageTracker._trackPageview(title);
	pageTracker._trackPageview("popup/" + popup + ".html");
	
	if( popup == "faq" )
		$("#popup_faq").hide();
	else
		$("#popup_faq").show();
	
	var content_height = height - 41; 
	$("#popup_content").css( {
		height: content_height + 'px'
	} );
	
	$("#content_div").css( {
		height: content_height + 'px',
		width: '374px'
	} );
	
	$("#popup_container").css( {
		height: height,
		'margin-top': '-' + top + 'px'
	} );
	
	$.ajax( {
		method: "get", url: "popup/" + popup + ".html",
		success: function( html ) {
			if( html != "" ) {
				$("#content_div").html( "<br />" + html );
				//if( popup == "contact_overzicht" )
					//$('a[title$="faq"]').hide();//to hide 'terug naar faq' in contact_overzicht
				$('a[title$="faq"]').show();
				$("#popup_faq").hide();
			} else {
				alert( "404 ERROR: " + popup + " not found" );
			}
		}
	});
}

function calculate() {
	var field_1 = $("#aantal").val();
	var field_2 = $("#kosten").val();
	
	var co2 = Math.round( ( (180-110 ) * 15000 ) * field_1 );
	var ballon = Math.round( ( co2/1000 )* 121 );
	var boom = Math.round( ( co2 / 1000 ) / 1.2 );
	//var gezin = Math.round( ( ( co2 / 1000 ) / 8800 ) * 100 ) / 100;
	var netto = Math.round( ( 12 * ( 150 - field_2 ) ) * field_1 );
	
	$("#co2").html( addDots( "" + co2 ) );
	$("#ballon").html( addDots( "" + ballon ) );
	$("#boom").html( addDots( "" + boom ) );
	//$("#gezin").html( addDots( "" + gezin ) );
	$("#netto").html( "&euro; " + addDots( "" + netto ) );
}

function addDots( strValue ) {
	var objRegExp = new RegExp('(-?[0-9]+)([0-9]{3})');
	
	while( objRegExp.test( strValue ) ) {
		strValue = strValue.replace( objRegExp, '$1.$2' );
	}
	return strValue;
}

function preview( type ) {
	var aanhef;
	var aan;
	var van;
	var content;
	
	if( type == "werkgever" || type == "werknemers" ) {
		aan = $("#werkgever_naam").val();
		van = $("#naam").val();
		if( type == "werkgever" ) {
			if( $("[name=geslacht]:checked").val() == "M" )
				aanhef = "heer " + aan;
			else
				aanhef = "mevrouw " + aan;
		}
		if( type == "werkgever" ) {
			content = "Geachte " + aanhef + ",<br />" +
				"<br />" +
				"Ik ben erg enthousiast over Athlon Green Car Solution <br />" +
				"en wil graag de mogelijkheid bespreken om voor een laag <br />" +
				"bedrag per maand een superschone auto te leasen. Meer <br />" +
				"informatie staat op <a href='http://www.schoonenvoordeligleasen.nl' target='_blank' style='color: #6d6e71;'>schoonenvoordeligleasen.nl</a><br />" +
				"<br />" +
				"Met vriendelijke groeten,<br />" +
				van;
		} else {
			content = "Beste " + aan + ",<br />" +
				"<br />" +				
				"Ik ben erg enthousiast over Athlon Green Car Solution. Een <br />" +
				"nieuwe leasevorm die voor ons beide interessant is. Als<br />" +
				"werknemer heb je de mogelijkheid om nu voor een superschone <br />" +
				"en supervoordelige leaseauto in aanmerking te komen. En <br />" +
				"gezamelijk kunnen we een bijdrage leveren aan het verkleinen <br />" +
				"van de CO2-uitstoot. Ik wil graag de mogelijkheden met je <br />" +
				"bespreken. Kijk maar eens op <a href='http://www.schoonenvoordeligleasen.nl' target='_blank' style='color: #6d6e71;'>schoonenvoordeligleasen.nl</a><br />" +
				"<br />" +
				"Met vriendelijke groeten,<br />" +
				van;
		}
		
		validate_text( 'werkgever_naam' );
		validate_text( 'naam' );
		validate_email( 'werkgever_email', false );
		if( $("#extra_email").val() != "" || $("#extra_naam").val() != "" ) {
			validate_email( 'extra_email', false );
			validate_text( 'extra_naam' );
		} else {
			set_error( 'extra_email', false );
			set_error( 'extra_naam', false );
		}
		
		validate_email( 'email', false );
	} else {
		aan = $("#persoon_naam").val();
		van = $("#naam2").val();
		if( type == "werknemer" ) {
			content = "Beste " + aan + ",<br />" +
				"<br />" +
				"Ik ben erg enthousiast over Athlon Green Car Solution. <br />" +
				"Voor &euro; 150 all in p/mnd rij je als werknemer een <br />" +
				"superschone leaseauto, zonder bijtelling! Kijk maar <br />" +
				"eens op <a href='http://www.schoonenvoordeligleasen.nl' target='_blank' style='color: #6d6e71;'>schoonenvoordeligleasen.nl</a><br />" +
				"<br />" +
				"Met vriendelijke groeten,<br />" +
				van;
		} else {
			if( $("[name=geslacht]:checked").val() == "M" )
				aanhef = "heer " + aan;
			else
				aanhef = "mevrouw " + aan;
			
			content = "Geachte " + aanhef + ",<br />" +
				"<br />" +
				"Ik ben erg enthousiast over Athlon Green Car Solution. Met deze<br />" +
				"nieuwe leasevorm kunnen werknemers die anders geen recht <br />" +
				"hebben op een leaseauto, superschoon en supervoordelig leasen. <br />" +
				"En leveren werkgever &eacute;n werknemer gezamenlijk een flinke <br />" +
				"bijdrage aan het milieu. Kijk maar eens op <a href='http://www.schoonenvoordeligleasen.nl' target='_blank' style='color: #6d6e71;'>schoonenvoordeligleasen.nl</a><br />" +
				"<br />" +
				"Met vriendelijke groeten,<br />" +
				van;
		}
		validate_text( 'persoon_naam' );
		validate_text( 'naam2' );
		validate_email( 'persoon_email', false );
		if( $("#extra_email2").val() != "" || $("#extra_naam2").val() != "" ) {
			validate_email( 'extra_email2', false );
			validate_text( 'extra_naam2' );
		} else {
			set_error( 'extra_email2', false );
			set_error( 'extra_naam2', false );
		}
		
		validate_email( 'email2', false );
	}
	
	var preview = "<div id='preview_div' style='position: absolute; top: 140px; left: 160px; width: 400px; height: 225px; z-index: 5; padding: 5px; background: #EEEEEE; border: 1px solid #000000;' onclick='javascript:close_preview();'>" + 
				"<div style='position: absolute; width: 15px; height: 15px; top: 0; right: 0; cursor: pointer;'>X</div>" +
				content + 
			"</div>";
	$("#popup_content").append( preview );
}

function close_preview() {
	$("#preview_div").remove();
}

function verstuur( type ) {
	var geslacht = "";
	//var extra_geslacht;
	var aan;
	var aan_email;
	//var aan_email_extra;
	//var aan_naam_extra;
	var van;
	var van_email;
	
	valid = true;
	
	if( type == "werkgever" || type == "werknemers" ) {
		aan = $("#werkgever_naam").val();
		aan_email = $("#werkgever_email").val();
		//aan_email_extra = $("#extra_email").val();
		//aan_naam_extra = $("#extra_naam").val();
		van = $("#naam").val();
		van_email = $("#email").val();
		
		if( type == "werkgever" ) {
			geslacht = $("[name=geslacht]:checked").val();
			//extra_geslacht = $("[name=extra_geslacht]:checked").val();
		}
		
		validate_text( 'werkgever_naam' );
		validate_text( 'naam' );
		validate_email( 'werkgever_email', false );
		/*if( $("#extra_email").val() != "" || $("#extra_naam").val() != "" ) {
			validate_email( 'extra_email', false );
			validate_text( 'extra_naam' );
		} else {
			set_error( 'extra_email', false );
			set_error( 'extra_naam', false );
		}*/
		
		validate_email( 'email', false );
	} else {
		aan = $("#persoon_naam").val();
		aan_email = $("#persoon_email").val();
		//aan_email_extra = $("#extra_email2").val();
		//aan_naam_extra = $("#extra_naam2").val();
		van = $("#naam2").val();
		van_email = $("#email2").val();
		
		if( type == "zakenrelatie" ) {
			geslacht = $("[name=geslacht]:checked").val();
			extra_geslacht = $("[name=extra_geslacht]:checked").val();
		}
		
		validate_text( 'persoon_naam' );
		validate_text( 'naam2' );
		validate_email( 'persoon_email', false );
		/*if( $("#extra_email2").val() != "" || $("#extra_naam2").val() != "" ) {
			validate_email( 'extra_email2', false );
			validate_text( 'extra_naam2' );
		} else {
			set_error( 'extra_email2', false );
			set_error( 'extra_naam2', false );
		}*/
		
		validate_email( 'email2', false );
	}
	
	if( valid == true ) {
		$.ajax( {
			//method: "get", url: "sendMail.php", data: "type=" + type + "&aan=" + aan + "&aan_email=" + aan_email + "&extra_email=" + aan_email_extra + "&extra_naam=" + aan_naam_extra + "&van=" + van + "&van_email=" + van_email + "&geslacht=" + geslacht + "&extra_geslacht=" + extra_geslacht,
			method: "get", url: "sendMail.php", data: "type=" + type + "&aan=" + aan + "&aan_email=" + aan_email + "&van=" + van + "&van_email=" + van_email + "&geslacht=" + geslacht,
			success: function( html ) {
				if( html == "true" ) {
					//if( $("#aan_email_extra").val() != "" && $("#aan_naam_extra").val() != "" ) {
					//	$("#content_div").html( "Bericht is verzonden aan: " + aan + " en " + aan_naam_extra );
					//} else {
						$("#content_div").html( "Bericht is verzonden aan: " + aan );
						pageTracker._trackPageview("sendMail.php?type=" + type);
					//}
				}
			}
		});
		
	}
}

function validate_text( field ) {
	if( $("#" + field).val() == "" ) {
		set_error( field, true );
	} else {
		set_error( field, false );
	}
}

function validate_number( field, min, max ) {
	var filter = /^[0-9]*$/
		
	if( $("#" + field).val().length >= min && $("#" + field).val().length <= max && filter.test( $("#" + field).val() ) ) {
		set_error( field, false );
	} else {
		set_error( field, true );
	}
}

function validate_phonenumber( field ) {
	var stripped = $("#" + field).val().replace(/[\(\)\.\-\ ]/g, '');
	var filter = /^[0-9]{10}$/
		
	if( filter.test( stripped ) ) {
		set_error( field, false );
	} else {
		set_error( field, true );
	}
}

function validate_email( field, empty ) {
	var filter = /^.+@.+\..{2,3}$/
	
	if( empty == false && $("#" + field).val() == "" && !filter.test( $("#" + field).val() ) ) {
		set_error( field, true );
	} else if( $("#" + field).val() != "" && !filter.test( $("#" + field).val() ) ) {
		set_error( field, true );
	} else {
		set_error( field, false );
	}
}

function validate_zipcode( field ) {
	var filter = /^[0-9]{4}[ ]?([A-Za-z]{0}|[A-Za-z]{2})$/
	
	if( !filter.test( $("#" + field).val() ) ) {
		set_error( field, true );
	} else {
		set_error( field, false );
	}
}

function set_error( field, error ) {
	if( error == true ) {
		valid = false;
		$("#" + field).css( {
			background: '#FF8E8E'
		} );
	} else {
		$("#" + field).css( {
			background: 'none'
		} );
	}
}

function valid_swa( kenteken ) {
	var height = 566;
	var top = Math.round(height/2) - 9;
	
	$("#titel").html( "Kostencalculator" );
	
	var content_height = height - 41; 
	$("#popup_content").css( {
		height: content_height + 'px'
	} );
	/*$("#content_div").css( {
		height: content_height + 'px'
	} );*/
	
	$("#content_div").remove();
	
	$("#popup_container").css( {
		height: height,
		'margin-top': '-' + top + 'px'
	} );
	pageTracker._trackPageview("popup/calculator.html");
	
	$.ajax( {
		method: "get", url: "popup/calculator.html",
		success: function( html ) {
			if( html != "" ) {
				$("#popup_content").html( "<br />" + html );
				//$("#content_div").html( html );
				$("#iframe").attr( 'src', 'http://aaserver04.autodisk.nl/athlonmc/?kenteken=' + kenteken + '&bedrag=150' );
				
				$("#popup_container").css( {
					visibility: 'visible'
				} );
				$("#transparent_overlay").css( {
					visibility: 'visible'
				} );
			} else {
				alert( "404 ERROR: " + popup + " not found" );
			}
		}
	});
}