/** * @author info * * Wilfred Nas * * http://wnas.nl * wilfred@wnas.nl * twitter.com/wnas */ /** javascript needed for the website of kpc, build for WNAS for lectric **/ // jquery.listen /* jquery listen */ (function($){$.fn.indexer=function(name){return this[0]&&indexer(this[0],name)||null;};$.indexer=function(name){return indexer(document,name);};var $event=$.event,$special=$event.special,$listen=$.listen=function(name,listener,selector,handler){if(typeof listener!='object'){handler=selector;selector=listener;listener=document;} each(name.split(/\s+/),function(ev){ev=$listen.fixes[ev]||ev;var idxer=indexer(listener,ev)||indexer(listener,ev,new Indexer(ev,listener));idxer.append(selector,handler);idxer.start();});},indexer=function(elem,name,val){return $.data(elem,name+'.indexer',val);};$.extend($listen,{regex:/^((?:\w*?|\*))(?:([#.])([\w-]+))?$/,fixes:{focus:'focusin',blur:'focusout'},cache:function(on){this.caching=on;}});$.each($listen.fixes,function(original,fix){$special[fix]={setup:function(){if($.browser.msie)return false;this.addEventListener(original,$special[fix].handler,true);},teardown:function(){if($.browser.msie)return false;this.removeEventListener(original,$special[fix].handler,true);},handler:function(e){arguments[0]=e=$event.fix(e);e.type=fix;return $event.handle.apply(this,arguments);}};});$.fn.listen=function(name,selector,handler){return this.each(function(){$listen(name,this,selector,handler);});};function Indexer(name,listener){$.extend(this,{ids:{},tags:{},listener:listener,event:name});this.id=Indexer.instances.push(this);};Indexer.instances=[];Indexer.prototype={constructor:Indexer,handle:function(e){var sp=e.stopPropagation;e.stopPropagation=function(){e.stopped=true;sp.apply(this,arguments);};indexer(this,e.type).parse(e);e.stopPropagation=sp;sp=e.data=null;},on:false,bubbles:false,start:function(){if(!this.on){$event.add(this.listener,this.event,this.handle);this.on=true;}},stop:function(){if(this.on){$event.remove(this.listener,this.event,this.handle);this.on=false;}},cache:function(node,handlers){return $.data(node,'listenCache_'+this.id,handlers);},parse:function(e){var node=e.data||e.target,args=arguments,handlers;if(!$listen.caching||!(handlers=this.cache(node))){handlers=[];if(node.id&&this.ids[node.id]) push(handlers,this.ids[node.id]);each([node.nodeName,'*'],function(tag){var klasses=this.tags[tag];if(klasses) each((node.className+' *').split(' '),function(klass){if(klass&&klasses[klass]) push(handlers,klasses[klass]);});},this);if($listen.caching) this.cache(node,handlers);} if(handlers[0]){each(handlers,function(handler){if(handler.apply(node,args)===false){e.preventDefault();e.stopPropagation();}});} if(!e.stopped&&(node=node.parentNode)&&(node.nodeName=='A'||this.bubbles&&node!=this.listener)){e.data=node;this.parse(e);} handlers=args=node=null;},append:function(selector,handler){each(selector.split(/\s*,\s*/),function(selector){var match=$listen.regex.exec(selector);if(!match) throw'$.listen > "'+selector+'" is not a supported selector.';var id=match[2]=='#'&&match[3],tag=match[1].toUpperCase()||'*',klass=match[3]||'*';if(id) (this.ids[id]||(this.ids[id]=[])).push(handler);else if(tag){tag=this.tags[tag]=this.tags[tag]||{};(tag[klass]||(tag[klass]=[])).push(handler);}},this);}};function each(arr,fn,scope){for(var i=0,l=arr.length;i0?go(curr-o.scroll):go(curr+o.scroll);});if(o.auto) setInterval(function(){go(curr+o.scroll);},o.auto+o.speed);function vis(){return li.slice(curr).slice(0,v);};function go(to){if(!running){if(o.beforeStart) o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll;}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll;}else curr=to;}else{if(to<0||to>itemLength-v)return;else curr=to;} running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd) o.afterEnd.call(this,vis());running=false;});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled");}} return false;};});}; function css(el,prop){return parseInt($.css(el[0],prop))||0;};function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight');};function height(el){};})(jQuery); /* homepage carousel toevoeging mnp */ (function($){$.fn.jCarouselLiteHome=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var div=$(this),ul=$("ul",div),tLi=$("li",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v;} var li=$("li",ul),itemLength=li.size(),curr=o.start;div.css("visibility","visible");li.css({float:o.vertical?"none":"left"});ul.css({margin:"0",padding:"0",position:"relative","list-style-type":"none","z-index":"1"});div.css({overflow:"hidden",position:"relative","z-index":"2",left:"0px"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize=liSize*v;li.css({width:li.width()});ul.css(sizeCss,ulSize+"px").css(animCss,-(curr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev) $(o.btnPrev).click(function(){return go(curr-o.scroll);});if(o.btnNext) $(o.btnNext).click(function(){return go(curr+o.scroll);});if(o.btnGo) $.each(o.btnGo,function(i,val){$(val).mouseover(function(){return go(o.circular?o.visible+i:i);});});if(o.mouseWheel&&div.mousewheel) //$.each(o.btnGo,function(i,val){$(val).click(function(){return go(o.circular?o.visible+i:i);});});if(o.mouseWheel&&div.mousewheel) div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll);});if(o.auto) setInterval(function(){go(curr+o.scroll);},o.auto+o.speed);function vis(){return li.slice(curr).slice(0,v);};function go(to){if(!running){if(o.beforeStart) o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll;}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll;}else curr=to;}else{if(to<0||to>itemLength-v)return;else curr=to;} running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd) o.afterEnd.call(this,vis());running=false;});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled");}} return false;};});}; function css(el,prop){return parseInt($.css(el[0],prop))||0;};function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight');};function height(el){};})(jQuery); /* einde toevoeging mnp */ /** * @author info * * Wilfred Nas * * http://wnas.nl * wilfred@wnas.nl * twitter.com/wnas */ /* GetElementValueFromClassName with this function you can read parts of classNames. this can be used as such: var width = GetElementValueFromClassName(this.className, "w"); where we read the value from the classname 'w:300' the selector is set between quotes. the name is split with a ':'. This can be used to give parameters to javascript in className. use carefully, as this is on the borderline of mixing presentation and behaviour... */ function GetElementValueFromClassName(className, element){ var result = ""; var test = new String(className); var elementString = new String(element); elementString = elementString + ":"; var startpos = test.indexOf(elementString, 0); if (startpos >= 0){ test = test.substr(startpos, test.length); if (test.indexOf(" ", 0) >= 0){ test = test.substr(elementString.length, test.indexOf(" ", 0) - elementString.length); } else{ test = test.substr(elementString.length, test.length - elementString.length); } result = test; } return result; } /* * version 0.8 * * * $('span').classValue('t'); * returns foo */ (function($) { $.fn.extend({ classValue : function(pf) { var cn = $(this).attr('class'); var result = ""; var test = new String(cn); var elementString = new String(pf); elementString = elementString + ":"; var startpos = test.indexOf(elementString, 0); if (startpos >= 0){ test = test.substr(startpos, test.length); if (test.indexOf(" ", 0) >= 0){ test = test.substr(elementString.length, test.indexOf(" ", 0) - elementString.length); } else{ test = test.substr(elementString.length, test.length - elementString.length); } result = test; } return result; } }); })(jQuery); /* ++++++++++++++++++++++++++++++++ ++ jQuery Palette v0.1.8 ++ ++ jquery.pallette-0.1.8.js ++ ++ updated 2008-07-24 ++ ++ ++ ++ Dependencies: ++ ++ - jQuery 1.2.6 or higher ++ ++++++++++++++++++++++++++++++++ */ (function( $ ) { $.fn.extend( { /* ======================== == Extending jQuery == ======================== */ palette: "0.1.8", contentObj: window.contentObj || {}, hashRef: function() { // v0.1.5 // Finds corresponding element(s), based on href= attribute (hash) of first matched element. Works both ways. return this.is("[href*='#']") ? ( $(this[0].href.substring( this[0].href.lastIndexOf("#") )) ) : $("[href$='#" + this[0].id + "']"); }, forRef: function() { // v0.1.5 // Finds corresponding label(s), input, select or textarea, based on for= attribute of first matched element. Works both ways. return this.is("label[for]") ? $("#" + this[0].htmlFor) : $("label[for='" + this[0].id + "']"); }, overLabel: function() { // v0.1.6 // Makes 'overLabel' behavior possible. Works both on labels and form fields. // Concept based on http://www.alistapart.com/articles/makingcompactformsmoreaccessible/ // CSS: .jsOverLabel (on label) // .jsOverLabelBlur (on parent of form field: blur) // Deps.: forRef() method (v0.1+) return this .each( function() { var jThis = $(this); var jRef = jThis.forRef(); if ( jThis.is("label[for]") ) { var jFormControl = jRef; var jLabels = jThis; } else { var jFormControl = jThis; var jLabels = jRef; } if ( !( jFormControl.length > 0 && jLabels.length > 0 ) ) return true; // continue jLabels.each( function() { $(this).addClass("jsOverLabel"); if ( jFormControl.val() === "" ) jFormControl.parent().addClass("jsOverLabelBlur"); jFormControl .focus( function() { $(this).parent().removeClass("jsOverLabelBlur"); } ) .blur( function() { var jFormControl = $(this); if ( jFormControl.val() === "" ) jFormControl.parent().addClass("jsOverLabelBlur"); } ) .click( function() { $(this).forRef().trigger("focus"); } ); } ); } ); } } ); $.extend( { /* ======================== == Custom functions == ======================== */ // custom project function here, triggered with: $.functionName(); } ); } )(jQuery); /* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net) * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. * * $LastChangedDate: 2007-06-20 03:23:36 +0200 (Mi, 20 Jun 2007) $ * $Rev: 2110 $ * * Version 2.1 */ (function($){ /** * The bgiframe is chainable and applies the iframe hack to get * around zIndex issues in IE6. It will only apply itself in IE * and adds a class to the iframe called 'bgiframe'. The iframe * is appeneded as the first child of the matched element(s) * with a tabIndex and zIndex of -1. * * By default the plugin will take borders, sized with pixel units, * into account. If a different unit is used for the border's width, * then you will need to use the top and left settings as explained below. * * NOTICE: This plugin has been reported to cause perfromance problems * when used on elements that change properties (like width, height and * opacity) a lot in IE6. Most of these problems have been caused by * the expressions used to calculate the elements width, height and * borders. Some have reported it is due to the opacity filter. All * these settings can be changed if needed as explained below. * * @example $('div').bgiframe(); * @before

Paragraph

* @result