";
// Append to element
$(this).append(Tip);
// Reset/set some css properties
$(this).find("." + Settings.Wrapper).css("line-height", Settings.LineHeight + "px");
$(this).css("z-index", "9999");
// Push up tip
var Height = $(this).find(".TipText").height();
$(this).find(".LeftSide").height(Height);
$(this).find(".RightSide").height(Height);
var TopMargin = $(this).find(".Balloon").css("top").replace("px", "");
$(this).find(".Balloon").css("top", parseInt(TopMargin) - Height);
// Show tip
$(this).pngFix();
if ($.browser.msie) {
$(this).find(".Balloon").show();
}
else {
$(this).find(".Balloon").hide().fadeIn(Settings.Speed);
}
}, function() {
// Hide tip
if ($.browser.msie) {
$(this).find(".Balloon").hide();
}
else {
$(this).find(".Balloon").fadeOut(Settings.Speed);
}
});
});
}
});
})(jQuery);
// Ajax form
(function($) {
$.fn.extend({
AjaxForm: function(Settings) { //ToDo; Applying settings
return this.each(function() {
// Get settings
FormTitle = $(this).attr("title");
FormAction = Settings.Action;
MailTo = Settings.To;
MailFrom = Settings.From;
FalseFromHEX = Settings.FalseFromHEX;
FalseToHEX = Settings.FalseToHEX;
TrueHEX = Settings.TrueHEX;
ClearSense = Settings.ClearSense;
errormessage = Settings.ErrorMessage;
// Set some vars
var Form = $(this);
var Html = Form.html();
var Objects = new Array();
var i = 0;
// Create the loading animation
var Load = "
";
Load += "";
Load += "
";
$(Form).children().find(":input", ":select", ":textarea").each(function() {
$(this).click(function() {
if ($(this).val() == errormessage) {
$(this).val("");
}
});
});
$(this).find(".Button").click(function() {
// Initialisize some vars
var Valid = true;
var NameAttr = new Array();
// Loop trough elements
$(Form).children().find(":input", ":select", ":textarea").each(function() {
// Check if the element with this name is already processed
if ($.inArray($(this).attr("name"), NameAttr) < 0) {
// Get values according to type
switch ($(this).attr("type")) {
case "radio":
{
var Value = $("input:radio[name=" + $(this).attr("name") + "]:checked").val();
break;
}
case "checkbox":
{
var Value = $("input:checkbox[name=" + $(this).attr("name") + "]:checked").val();
break;
}
case "text":
{
var Value = $(this).val();
break;
}
}
// Get values according to element
if ($(this).is("select:")) {
var Value = $("select:[name=" + $(this).attr("name") + "]option:selected").val();
}
if ($(this).is("textarea:")) {
var Value = $(this).val();
}
// Check if element is required (class="Required")
if ($(this).is(".Required")) {
if (!Value || Value == errormessage) {
Valid = false;
}
// Phone specific validation
if ($(this).is(".Phone")) {
Valid = true;
if ($(this).val().length > 9 && $(this).val().length < 15) {
var Regex = new RegExp(/^[0-9]+$/);
if (Regex.exec(Value) != null) {
Valid = true;
}
}
}
// Email specific validation
if ($(this).is(".Email")) {
var Regex = new RegExp(/\w+@[a-zA-Z0-9_]+?\.[a-zA-Z]/);
if (Regex.exec(Value) == null) {
Valid = false;
}
}
// Visualize if entry is not valid
if (!Valid) {
switch ($(this).attr("type")) {
default:
{
$(this).animate({ backgroundColor: FalseFromHEX }, 200).animate({ backgroundColor: FalseToHEX }, 300).css("color", "#fff");
$(this).val(errormessage);
break;
}
case "radio":
case "checkbox":
{
break;
}
}
return false;
}
}
// Build label + value pair
Object = $(this).attr("title") + ": " + Value;
// Add the name attribute to the NameAttr array
NameAttr[i] = $(this).attr("name");
// Add pair to the Objects array
if ($.inArray(Object, Objects) < 0) {
Objects[i] = Object;
i++;
}
// Visualize if entry is valid
switch ($(this).attr("type")) {
default:
{
$(this).animate({ backgroundColor: TrueHEX }, 1000).animate({ backgroundColor: "#ffffff" }, 300).css("color", "#000");
break;
}
case "radio":
case "checkbox":
{
break;
}
}
}
})
if (Valid) {
// Hide form and build loading animation
Form.find("*").hide();
Form.append(Load);
// Clear form
$(Form).find(":input", ":select", ":textarea").each(function() {
var Type = $(this).attr("type");
switch (Type) {
default:
case "text":
{
$(this).val("");
break;
}
case "radio":
case "checkbox":
{
this.checked = false;
break;
}
}
})
// Send Ajax request
$(".Loader").load("/AjaxEngine.aspx", { action: FormAction, from: MailFrom, to: MailTo, title: FormTitle, "objects[]": [Objects] }, function() {
// Delete loading animation and show form
$(".AjaxLoader").fadeOut(600, function() {
var HtmlBody = "
Bedankt voor uw reactie. Wij nemen zo spoedig mogelijk contact met u op.
";
HtmlBody += "";
$(this).html(HtmlBody);
$(this).fadeIn(100);
var Loader = $(this);
window.setTimeout(function() {
//$(Loader).remove();
//$(Form).find("*:not(.Balloon)").fadeIn(200);
}, 7000);
});
});
}
});
});
}
});
})(jQuery);
// Color animations
/*
* jQuery Color Animations
* Copyright 2007 John Resig
* Released under the MIT and GPL licenses.
*/
(function(jQuery) {
// We override the animation for all of these color styles
jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i, attr) {
jQuery.fx.step[attr] = function(fx) {
if (fx.state == 0) {
fx.start = getColor(fx.elem, attr);
fx.end = getRGB(fx.end);
}
fx.elem.style[attr] = "rgb(" + [
Math.max(Math.min(parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
Math.max(Math.min(parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
Math.max(Math.min(parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
].join(",") + ")";
}
});
// Color Conversion functions from highlightFade
// By Blair Mitchelmore
// http://jquery.offput.ca/highlightFade/
// Parse strings looking for color tuples [255,255,255]
function getRGB(color) {
var result;
// Check if we're already dealing with an array of colors
if (color && color.constructor == Array && color.length == 3)
return color;
// Look for rgb(num,num,num)
if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
// Look for rgb(num%,num%,num%)
if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
return [parseFloat(result[1]) * 2.55, parseFloat(result[2]) * 2.55, parseFloat(result[3]) * 2.55];
// Look for #a0b1c2
if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];
// Look for #fff
if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
return [parseInt(result[1] + result[1], 16), parseInt(result[2] + result[2], 16), parseInt(result[3] + result[3], 16)];
// Otherwise, we're most likely dealing with a named color
return colors[jQuery.trim(color).toLowerCase()];
}
function getColor(elem, attr) {
var color;
do {
color = jQuery.curCSS(elem, attr);
// Keep going until we find an element that has color, or we hit the body
if (color != '' && color != 'transparent' || jQuery.nodeName(elem, "body"))
break;
attr = "backgroundColor";
} while (elem = elem.parentNode);
return getRGB(color);
};
// Some named colors to work with
// From Interface by Stefan Petre
// http://interface.eyecon.ro/
var colors = {
aqua: [0, 255, 255],
azure: [240, 255, 255],
beige: [245, 245, 220],
black: [0, 0, 0],
blue: [0, 0, 255],
brown: [165, 42, 42],
cyan: [0, 255, 255],
darkblue: [0, 0, 139],
darkcyan: [0, 139, 139],
darkgrey: [169, 169, 169],
darkgreen: [0, 100, 0],
darkkhaki: [189, 183, 107],
darkmagenta: [139, 0, 139],
darkolivegreen: [85, 107, 47],
darkorange: [255, 140, 0],
darkorchid: [153, 50, 204],
darkred: [139, 0, 0],
darksalmon: [233, 150, 122],
darkviolet: [148, 0, 211],
fuchsia: [255, 0, 255],
gold: [255, 215, 0],
green: [0, 128, 0],
indigo: [75, 0, 130],
khaki: [240, 230, 140],
lightblue: [173, 216, 230],
lightcyan: [224, 255, 255],
lightgreen: [144, 238, 144],
lightgrey: [211, 211, 211],
lightpink: [255, 182, 193],
lightyellow: [255, 255, 224],
lime: [0, 255, 0],
magenta: [255, 0, 255],
maroon: [128, 0, 0],
navy: [0, 0, 128],
olive: [128, 128, 0],
orange: [255, 165, 0],
pink: [255, 192, 203],
purple: [128, 0, 128],
violet: [128, 0, 128],
red: [255, 0, 0],
silver: [192, 192, 192],
white: [255, 255, 255],
yellow: [255, 255, 0]
};
})(jQuery);
//Google maps
/**
* jquery.googlemap v1.0.0
*
* Copyright David Hong 2009
* http://davidhong.id.au/jquery/google/maps/
*
* Simplified Google Maps API integrated into jQuery
*
* Launched:
* Version: v1.0.0 (27/02/2009 15:59 AEDST)
*
* SIMPLE USAGE:
*
* $("google-map-canvas").googlemap({
* controls: false,
* labels: true,
* addresses: [
* "1 ABC St, NSW Australia",
* "2 XYZ St, NSW Australia"
* ]
* });
Some remarks:
- for custom markers search for 'createMarker'
- doesn't work without an element id
- for maptype search fo 'setMapType'
*
**/
(function($) {
// fireEvent(opts, fn, self, arg)
// opts: (json) jQuery options for this plugin
// fn: (function) function to run
// self: (object) this
// arg: (object) argument to feed to function (fn)
//
// note: fn should always return true on successful runs, otherwise return
// false
function fireEvent(opts, fn, self, arg) {
if ($.isFunction(fn)) {
try {
return fn.call(self, arg);
} catch (error) {
if (opts.debug) {
alert("Error calling googlemaps." + fn + ": " + error);
} else {
throw error;
}
return false;
}
}
return true;
}
var current = null;
function Googlemap(root, conf) {
// current instance
var self = this;
if (!current) {
current = self;
}
// internal variables
var map;
var geo;
var bounds;
var markers;
//var index = 0;
// configuration (comments show default values)
var latitude = conf.latitude; // -35
var longitude = conf.longitude; // 150
var zoom = conf.zoom; // 4
var controls = conf.controls; // true
var labels = conf.labels; // true
var html = conf.html; // null
var anchor = conf.anchor; // null
var addresses = conf.addresses; // null
var debug = conf.debug; // false
var maptype = conf.maptype; //1 -> normal
var controltype = conf.controltype // 1
var iconImage = conf.iconImage //"",
var iconShadow = conf.iconShadow //"http://www.google.com/mapfiles/shadow50.png",
var iconSizeX = conf.iconSizeX //"20, 34",
var iconShadowSizeX = conf.iconShadowSizeX //"37, 34",
var iconAnchorX = conf.iconAnchorX //"9, 34",
var iconSizeY = conf.iconSizeY //"20, 34",
var iconShadowSizeY = conf.iconShadowSizeY //"37, 34",
var iconAnchorY = conf.iconAnchorY //"9, 34",
// methods
$.extend(self, {
// plugin specific
getVersion: function() { return [1, 0, 0]; },
getRoot: function() { return root; },
// google maps specific
getMap: function() { return map; },
getGeo: function() { return geo; },
getAddresses: function() { return addresses; },
getBounds: function() { return bounds; },
//getIndex: function() { return index; },
getMarkers: function() { return markers; },
// api
isBrowserCompatible: function() {
if ($.isFunction(GBrowserIsCompatible))
return GBrowserIsCompatible();
return false;
},
initialise: function() {
self.trace("initialising: " + this);
if (self.isBrowserCompatible()) {
map = map || new GMap2(document.getElementById($(root)[0].id));
switch (maptype) {
case 1:
{
map.setMapType(G_NORMAL_MAP);
break;
}
case 2:
{
map.setMapType(G_SATELLITE_MAP);
break;
}
case 3:
{
map.setMapType(G_HYBRID_MAP);
break;
}
case 4:
{
map.setMapType(G_PHYSICAL_MAP);
break;
}
}
geo = geo || new GClientGeocoder();
bounds = bounds || new GLatLngBounds();
markers = markers || new Array();
GEvent.addListener(map, "load", function() {
self.trace("google map loaded!");
});
// set the map center
map.setCenter(new GLatLng(latitude, longitude), zoom);
// mark addresses on the map
if (addresses) {
if (addresses.length > 0) {
var i = 0;
while (i < addresses.length) {
self.geocode(i++);
}
}
}
// add controls
if (controls) {
switch (controltype) {
case 1:
{
map.addControl(new GLargeMapControl3D());
break;
}
case 2:
{
map.addControl(new GLargeMapControl());
break;
}
case 3:
{
map.addControl(new GSmallMapControl());
break;
}
case 4:
{
map.addControl(new GSmallZoomControl3D());
break;
}
case 5:
{
map.addControl(new GSmallZoomControl());
break;
}
}
map.addControl(new GMapTypeControl());
}
}
},
// geocode(index, address, html, anchor) :
// index: (number) index of the marker (obsolete when label == false)
// address: (string) human readable address to query
// html: [array] what to display on marker's "click" event
// anchor: [array] simulate marker's "click" event outside the map via a link
geocode: function(index) {
geo = (geo == null) ? new GClientGeocoder() : geo;
if (addresses && index >= 0) {
self.trace("processing address: [" + addresses[index] + "] (" + index + ")");
markers = markers || new Array();
// safer way of geocoding - avoids G_GEO_TOO_MANY_QUERIES
geo.getLocations(addresses[index], function(response) {
var statuscode = response.Status.code;
if (statuscode == G_GEO_SUCCESS) {
// success!
self.trace(response.Placemark);
var point = new GLatLng(response.Placemark[0].Point.coordinates[1], response.Placemark[0].Point.coordinates[0], true);
// extend bounds
bounds = bounds || new GLatLngBounds();
bounds.extend(point); self.trace("bounds extended");
// marker
var marker = self.createMarker(index, point);
self.trace(marker); self.trace("marker created");
// marker events
GEvent.addListener(marker, "click", function() {
zoom = 15;
map.setCenter(marker.getLatLng(), zoom);
});
// add marker to array and display
markers[index] = marker;
map.addOverlay(marker);
// onMarkerLoaded
if (fireEvent(conf, self.onMarkerLoaded, self, index) === false) {
return self;
}
} else {
if (statuscode == G_GEO_TOO_MANY_QUERIES) {
// retry again after a short while
var delay = 600;
self.trace("index " + index + " will begin retry in " + delay + "ms")
setTimeout(function() {
self.geocode(index);
}, delay);
} else {
self.trace("unknown error code: " + statuscode);
marker[index] = null;
}
}
});
}
},
// onMarkerLoaded(index)
// internal function : DO NOT MODIFY
onMarkerLoaded: function(index) {
// set map bounds and zoom level to optimal level so all marker can fit
return self.optimiseZoomLevel();
},
// optimiseZoomLevel()
optimiseZoomLevel: function(index) {
if (bounds && (addresses.length == markers.length)) {
//zoom = map.getBoundsZoomLevel(bounds);
map.setZoom(zoom);
map.setCenter(bounds.getCenter());
}
return true;
},
// createMarker(index, point)
// index: (number) index of the marker (also used to generate a letter)
// point: (GLatLng) latitude and longitude of the marker
createMarker: function(index, point) {
// create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon(G_DEFAULT_ICON);
baseIcon.image = iconImage;
baseIcon.shadow = iconShadow;
baseIcon.iconSize = new GSize(iconSizeX, iconSizeY);
baseIcon.shadowSize = new GSize(iconShadowSizeX, iconShadowSizeY);
baseIcon.iconAnchor = new GPoint(iconAnchorX, iconAnchorY);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
// lettered marker which starts at "A" and wraps at "Z"
var range = "Z".charCodeAt(0) - "A".charCodeAt(0) + 1;
var letter = String.fromCharCode("A".charCodeAt(0) + (index % range));
var letteredIcon = new GIcon(baseIcon);
letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
var markerOptions = {
icon: baseIcon,
bouncy: true
};
var marker = (labels) ? new GMarker(point, markerOptions) : new GMarker(point);
return marker;
},
// trace(arg, [args...]) : print everything in the arguments array
trace: function() {
if (!debug) return;
var caller = arguments.caller || "self";
for (i = 0; i < arguments.length; i++) {
var argument = arguments[i]; // print object as it is
var line = argument;
try {
// Firefox, Safari, Opera
console.debug(line);
} catch (error) {
// fails gracefully on IE, Chrome
alert(line);
}
}
}
});
function load() {
self.initialise();
return self;
}
load();
}
// jQuery plugin implementation
jQuery.prototype.googlemap = function(conf) {
// already constructed --> return API
var api = this.eq(typeof conf == 'number' ? conf : 0).data("googlemap");
if (api) { return api; }
var opts = {
latitude: -23,
longitude: 133,
zoom: 4,
labels: true,
controls: true,
html: null,
anchor: null,
addresses: null,
debug: false,
maptype: 1,
controltype: 1,
iconImage: "",
iconShadow: "http://www.google.com/mapfiles/shadow50.png",
iconSizeX: 20,
iconSizeY: 34,
iconShadowSizeX: 37,
iconShadowSizeY: 34,
iconAnchorX: 9,
iconAnchorY: 34
};
$.extend(opts, conf);
this.each(function() {
var el = new Googlemap($(this), opts);
$(this).data("googlemap", el);
});
return this;
};
})(jQuery);
//IfixPng
/*
* jQuery ifixpng plugin
* (previously known as pngfix)
* Version 2.1 (23/04/2008)
* @requires jQuery v1.1.3 or above
*
* Examples at: http://jquery.khurshid.com
* Copyright (c) 2007 Kush M.
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
/**
*
* @example
*
* optional if location of pixel.gif if different to default which is images/pixel.gif
* $.ifixpng('media/pixel.gif');
*
* $('img[@src$=.png], #panel').ifixpng();
*
* @apply hack to all png images and #panel which icluded png img in its css
*
* @name ifixpng
* @type jQuery
* @cat Plugins/Image
* @return jQuery
* @author jQuery Community
*/
(function($) {
/**
* helper variables and function
*/
$.ifixpng = function(customPixel) {
$.ifixpng.pixel = customPixel;
};
$.ifixpng.getPixel = function() {
return $.ifixpng.pixel || 'images/pixel.gif';
};
var hack = {
ltie7: $.browser.msie && $.browser.version < 7,
filter: function(src) {
return "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='" + src + "')";
}
};
/**
* Applies ie png hack to selected dom elements
*
* $('img[@src$=.png]').ifixpng();
* @desc apply hack to all images with png extensions
*
* $('#panel, img[@src$=.png]').ifixpng();
* @desc apply hack to element #panel and all images with png extensions
*
* @name ifixpng
*/
$.fn.ifixpng = hack.ltie7 ? function() {
return this.each(function() {
var $$ = $(this);
// in case rewriting urls
var base = $('base').attr('href');
if (base) {
// remove anything after the last '/'
base = base.replace(/\/[^\/]+$/, '/');
}
if ($$.is('img') || $$.is('input')) { // hack image tags present in dom
if ($$.attr('src')) {
if ($$.attr('src').match(/.*\.png([?].*)?$/i)) { // make sure it is png image
// use source tag value if set
var source = (base && $$.attr('src').search(/^(\/|http:)/i)) ? base + $$.attr('src') : $$.attr('src');
// apply filter
$$.css({ filter: hack.filter(source), width: $$.width(), height: $$.height() })
.attr({ src: $.ifixpng.getPixel() })
.positionFix();
}
}
} else { // hack png css properties present inside css
var image = $$.css('backgroundImage');
if (image.match(/^url\(["']?(.*\.png([?].*)?)["']?\)$/i)) {
image = RegExp.$1;
image = (base && image.substring(0, 1) != '/') ? base + image : image;
$$.css({ backgroundImage: 'none', filter: hack.filter(image) })
.children().children().positionFix();
}
}
});
} : function() { return this; };
/**
* Removes any png hack that may have been applied previously
*
* $('img[@src$=.png]').iunfixpng();
* @desc revert hack on all images with png extensions
*
* $('#panel, img[@src$=.png]').iunfixpng();
* @desc revert hack on element #panel and all images with png extensions
*
* @name iunfixpng
*/
$.fn.iunfixpng = hack.ltie7 ? function() {
return this.each(function() {
var $$ = $(this);
var src = $$.css('filter');
if (src.match(/src=["']?(.*\.png([?].*)?)["']?/i)) { // get img source from filter
src = RegExp.$1;
if ($$.is('img') || $$.is('input')) {
$$.attr({ src: src }).css({ filter: '' });
} else {
$$.css({ filter: '', background: 'url(' + src + ')' });
}
}
});
} : function() { return this; };
/**
* positions selected item relatively
*/
$.fn.positionFix = function() {
return this.each(function() {
var $$ = $(this);
var position = $$.css('position');
if (position != 'absolute' && position != 'relative') {
$$.css({ position: 'relative' });
}
});
};
})(jQuery);
";
Load += "