|up|over|move|out))$/,

	manualExtend: false,

	/**
	 * Event cache
	 */
	cache: {},

	/**
	 * Create a wrapper that extend the event and triggers the callback
	 * called with the given context or node (W3C).
	 *
	 * @return function
	 */
	createResponder: function ( uid, type, originalType, handler, context ) {

		return function ( event ) {

			event = _Event.extend( event, uid );

			if( !_Event.supportsMouseenterMouseleave && originalType === 'mouseleave' ) {

				if( event.currentTarget.contains(event.relatedTarget) ) {

					return;
				}
			}

			handler.call( context || _Event.cache[uid].node, event );
		};
	},

	/**
	 * Purge events from given element
	 *
	 * @param number
	 * @return void
	 */
	purge: function ( uid ) {

		var cache = _Event.cache[uid],
			element,
			key;

		if( !cache ) {

			return;
		}

		element = PB(cache.node);

		for( key in cache ) {

			if( cache.hasOwnProperty(key) && key !== 'node' ) {

				element.off( key );
			}
		}

		delete _Event.cache[uid];

		cache.node = null;

		return;
	},

	/**
	 * Extend event object with functionality, on event fire
	 * this function will be called.
	 *
	 * For legacy browsers this also extend the event object with
	 * with de Event specications.
	 *
	 * Returns an extended Event object
	 *
	 * @param Event
	 * @param number
	 * @return Event
	 */
	extend: function ( event, uid ) {

		if( event.type.indexOf('touch') === 0 && event.touches[0] ) {

			event.touchX = event.touches[0].pageX;
			event.touchY = event.touches[0].pageY;
		}

		if( event.type === 'DOMMouseScroll' || event.type === 'mousewheel' || event.type === 'wheel' ) {

			event.wheel = event.wheelDelta ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
		}

		if( _Event.manualExtend === false ) {

			return event;
		}

		PB.overwrite( event, _Event.methods );

		event.target = event.srcElement || _Event.cache[uid].node;

		event.currentTarget = _Event.cache[uid].node;

		switch ( event.type ) {

			case 'mouseover':
			case 'mouseenter':
				event.relatedTarget = event.fromElement;
				break;

			case 'mouseout':
			case 'mouseleave':
				event.relatedTarget = event.toElement;
				break;
		}

		if( event.pageX === undefined ) {

			event.pageX = event.clientX + (docElement.scrollLeft || body.scrollLeft) - (docElement.clientLeft || 0);
			event.pageY = event.clientY + (docElement.scrollTop || body.scrollTop) - (docElement.clientTop || 0);
		}

		event.which = (event.keyCode === undefined) ? event.charCode : event.keyCode;

		event.which = (event.which === 0 ? 1 : (event.which === 4 ? 2: (event.which === 2 ? 3 : event.which)));

		return event;
	}
};

/**
 *
 */
_Event.methods = {

	/**
	 * Short for preventDefault and stopPropagation
	 *
	 * Tnx prototypejs! :)
	 */
	stop: function () {

		this.preventDefault();
	    this.stopPropagation();
	}
};

/**
 * Extend event prototype with DOM level 2 events
 */
if (window.addEventListener) {

	PB.overwrite(Event.prototype, _Event.methods);
}

/**
 * Add methods for non DOM level 2 events
 */
if( window.attachEvent && !window.addEventListener ) {

	_Event.manualExtend = true;

	PB.overwrite(_Event.methods, {

		/**
		 * Normalize stopPropagation
		 */
		stopPropagation: function () {

			this.cancelBubble = true;
		},

		/**
		 * Normalize stopPropagation
		 */
		preventDefault: function () {

			this.returnValue = false;
		}
	});
}

/**
 *
 */
PB.overwrite(PB.dom, {

	/**
	 * DOM event binding
	 *
	 * Example
	 *	PB('element').on('click', function ( e ){ alert(e.type) })
	 *
	 * @param string
	 * @param Function
	 * @param Object
	 * @return Dom
	 */
	on: function ( type, handler, context ) {

		var types = type.split(' ');

		if ( typeof handler !== 'function' ) {

			throw new TypeError('element.on(\''+type+'\'), handler is not a function');
		}

		if( types.length > 1 ) {

			types.forEach(function ( type ) {

				this.on( type, handler, context );
			}, this);
			return this;
		}

		var node = this.node,
			uid = node.__PBJS_ID__,
			events = _Event.cache[uid],
			originalType = type,
			eventsType,
			i;

		if( _Event.supportsMouseenterMouseleave === false ) {

			type = (type === 'mouseenter' ? 'mouseover' : (type === 'mouseleave' ? 'mouseout' : type));
		}

		if( !events ) {

			_Event.cache[uid] = events = {node: node};
		}

		if( !events[type] ) {

			events[type] = [];
		}

		eventsType = events[type];

		i = eventsType.length;

		while( i-- ) {

			if( eventsType[i].handler === handler ) {

				return this;
			}
		}

		var entry = {

			handler: handler,
			responder: _Event.createResponder( uid, type, originalType, handler, context )
		};

		eventsType.push( entry );

		if( node.addEventListener ) {

			node.addEventListener( type, entry.responder, false );
		} else {

			node.attachEvent( 'on'+type, entry.responder );
		}

		node = null;

		return this;
	},

	/**
	 * Bind the event, and removes it after use
	 *
	 * @param string
	 * @param Function
	 * @param Object
	 * @return Dom
	 */
	once: function ( types, handler, context ) {

		var me = this;

		types.split(' ').forEach(function ( type ) {

			var _handler = function () {

				me.off( type, _handler );

				handler.apply( context || me.node, PB.toArray(arguments) );
			};

			me.on(type, _handler);
		});

		return this;
	},

	/**
	 * Removes the given: (type + handler) or (type) or (all)
	 *
	 * @param string
	 * @param Function
	 * @return Dom
	 */
	off: function ( type, handler ) {

		var node = this.node,
			uid = node.__PBJS_ID__,
			events = _Event.cache[uid],
			eventsType,
			entry,
			i;

		if( !events ) {

			return this;
		}

		if( !type ) {

			_Event.purge( uid );
			return this;
		}

		eventsType = events[type];

		if( !eventsType ) {

			return this;
		}

		i = eventsType.length;

		if( !handler ) {

			while( i-- ) {

				this.off( type, eventsType[i].handler );
			}

			return this;
		}

		while( i-- ) {

			if( eventsType[i].handler === handler ) {

				entry = eventsType[i];
				eventsType.splice( i, 1 );

				if( !eventsType.length ) {

					delete _Event.cache[uid][type];
				}
				break;
			}
		}

		if( !entry ) {

			return this;
		}

		if( node.removeEventListener ) {

			node.removeEventListener( type, entry.responder, false );
		} else {

			node.detachEvent( 'on'+type, entry.responder );
		}

		node = null;

		return this;
	},

	/**
	 * Dispatch the event on the element
	 *
	 * @param string
	 * @return Dom
	 */
	emit: function ( type ) {

		var evt;

		if( _Event.HTMLEvents.test(type) || this.nodeName === 'INPUT' ) {

			this.node[type]();
		}
		else if( doc.createEvent ) {

			if ( _Event.MouseEvents.test(type) ) {

				evt = doc.createEvent('MouseEvents');

				evt.initMouseEvent(
					type, true, true, window,		// type, canBubble, cancelable, view,
					0, 0, 0, 0, 0,					// detail, screenX, screenY, clientX, clientY,
					false, false, false, false,		// ctrlKey, altKey, shiftKey, metaKey,
					0, null);						// button, relatedTarget

				this.node.dispatchEvent(evt);
			} else {

				evt = doc.createEvent('Events');

				evt.initEvent( type, true, true );

				this.node.dispatchEvent(evt);
			}
		}
		else {

			evt = doc.createEventObject();
			this.node.fireEvent('on'+type, evt);
		}

		return this;
	}
});

/**
 *
 */
PB.ready = (function () {

	var ready = doc.readyState === 'complete',
		queue = [];

	function execQueue () {

		var callback;

		ready = true;
		body = doc.body;

		while( callback = queue.shift() ) {

			callback();
		}
	}

	function domready () {

		try {

			doc.body.scrollLeft;
			execQueue();
		} catch ( e ) {

			setTimeout(domready, 16.7);
			return;
		}
	}

	if( doc.addEventListener ) {

		PB(doc).once('DOMContentLoaded', execQueue);
	} else {

		domready();
	}

	return function ( callback ) {

		if( !ready ) {

			return queue.push( callback );
		}

		callback();
	};
})();

PB.overwrite(PB.dom, {

	set: function ( key, value ) {

		this.storage[key] = value;

		return this;
	},

	get: function ( key ) {

		return this.storage[key];
	},

	unset: function ( key ) {

		return delete this.storage[key];
	},

	isset: function ( key ) {

		return this.storage[key] !== undefined;
	}
});

PB.overwrite(PB.dom, {

	/**
	 * Set/get/remove attribute
	 * null values will remove attribute
	 *
	 * @return mixed
	 */
	attr: function ( key, value ) {

		if( PB.type(key) === 'object' ) {

			PB.each(key, this.attr, this);
			return this;
		}

		if( value === undefined ) {

			return this.node.getAttribute(key);
		} else if ( value === null ) {

			this.node.removeAttribute(key);
		} else {

			this.node.setAttribute(key, value);
		}

		return this;
	},

	/**
	 * Set / get value from form element
	 */
	val: function ( value ) {

		if( value === undefined ) {

			return this.node.value;
		}

		this.node.value = value;

		return this;
	},

	/**
	 * Set or retrieve 'data-' attribute
	 */
	data: function ( key, value ) {

		return this.attr( 'data-'+key, value );
	},

	/**
	 * Select the content in the provided range
	 */
	select: function( start, length ) {

		var node = this.node,
			value = this.val(),
			range;

	    if ( value ) {

		    if ( !length ){ // default: select all

		        length = ( start ) ? start : value.length;
		        start = 0;
		    }

		    if ( node.createTextRange ) {

		        document.selection.empty();

		        range = node.createTextRange();

		        range.collapse( true );

		        range.moveStart( 'character', start );
		        range.moveEnd( 'character', start + length );
		        range.select();

		    } else {

		        window.getSelection().removeAllRanges();
			    node.setSelectionRange( start, start+length );
		    }
	    }
	}

});

var unit = /^-?[\d.]+px$/i,
	opacity = /alpha\(opacity=(.*)\)/i,
	noPixel = /(thin|medium|thick|em|ex|pt|%)$/,
	computedStyle = doc.defaultView && doc.defaultView.getComputedStyle,
	vendorDiv = doc.createElement('div'),
	supportsOpacity = vendorDiv.style.opacity !== undefined,
	supportsCssFloat = vendorDiv.style.cssFloat !== undefined,
	skipUnits = 'zIndex zoom fontWeight opacity',
	cssPrefixProperties = 'animationName transform transition transitionProperty transitionDuration transitionTimingFunction boxSizing backgroundSize boxReflect'.split(' '),
	cssPropertyMap = {},
	vendorPrefixes = 'O ms Moz Webkit'.split(' '),
	i = vendorPrefixes.length;

/**
 * Add prefixes to cssPropertyMap map if needed/supported
 */
cssPrefixProperties.forEach(function ( property ) {

	if( property in vendorDiv.style ) {

		return cssPropertyMap[property] = property;
	}

	var j = i,
		prop = property.charAt(0).toUpperCase()+property.substr(1);

	while( j-- ) {

		if( vendorPrefixes[j]+prop in vendorDiv.style ) {

			return cssPropertyMap[property] = vendorPrefixes[j]+prop;
		}
	}
});

cssPrefixProperties = vendorDiv = null;

PB.support.CSSTransition = !!cssPropertyMap.transition;
PB.support.CSSAnimation = !!cssPropertyMap.animationName;

/**
 * Add px numeric values
 */
function addUnits ( property, value ) {

	if( skipUnits.indexOf(property) >= 0 ) {

		return value;
	}

	return typeof value === 'string' ? value : value+'px';
}

/**
 * Remove units from px values
 */
function removeUnits ( value ) {

	return unit.test( value ) ? parseInt( value, 10 ) : value;
}

/**
 * Get the right property name for this browser
 */
function getCssProperty ( property ) {

	if( property === 'float' ) {

		property = supportsCssFloat ? 'cssFloat' : 'styleFloat';
	}

	return cssPropertyMap[property] || property;
}

PB.overwrite(PB.dom, {

	/**
	 * Set CSS styles
	 *
	 * @param object
	 * @return PB.Dom
	 */
	setStyle: function ( values ) {

		var property;

		if( arguments.length === 2 ) {

			var property = values;

			values = {};
			values[property] = arguments[1];
		}

		for( property in values ) {

			if( values.hasOwnProperty(property) ) {

				if( property === 'opacity' && !supportsOpacity ) {

					if( !this.node.currentStyle || !this.node.currentStyle.hasLayout ) {

						this.node.style.zoom = 1;
					}

					this.node.style.filter = 'alpha(opacity='+(values[property]*100)+')';
				} else {

					this.node.style[getCssProperty( property )] = addUnits( property, values[property] );
				}
			}
		}

		return this;
	},

	/**
	 * Get CSS style
	 *
	 * @param string
	 * @return number/string
	 */
	getStyle: function ( property, calculated ) {

		property = getCssProperty( property );

		var node = this.node,
			value = node.style[property],
			o;

		if( calculated || !value || value === 'auto' ) {

			if( computedStyle ) {

				value = doc.defaultView.getComputedStyle( node, null )[property];
			} else {

				value = node.currentStyle[property];

				if( noPixel.test(value) ) {

					var style = value.lastIndexOf('%') > -1 ? 'height: '+value : 'border: '+value+' solid #000; border-bottom-width: 0',
						div = PB('<div style="'+style+'; visibility: hidden; position: absolute; top: 0; line-height: 0;"></div>')
						.appendTo(body);

					value = div.node.offsetHeight;

					div.remove();

					return value;
				}
			}
		}

		if( property === 'opacity' ) {

			if( node.style.filter && (o = node.style.filter.match(opacity)) && o[1] ) {

				return parseFloat(o[1]) / 100;
			}

			return value ? parseFloat(value) : 1.0;
		}

		return value === 'auto' ? 0 : removeUnits(value);
	}
});

PB.browser.supportsCSSAnimation = !!cssPropertyMap['animationName'];

function morphArgs ( args ) {

	var options = {

		duration: .4,
		effect: 'ease'
	};

	for( var i = 1 ; i < args.length; i++ ) {

		switch( typeof args[i] ) {

			case 'function':
				options.callback = args[i];
				break;

			case 'number':
				options.duration = args[i];
				break;

			case 'string':
				options.effect = PB.String.decamelize(args[i]);
				break;
		}
	}

	return options;
}

/**
 * @todo add 'effect' arguments
 *
 * Firefox bug, https://bugzilla.mozilla.org/show_bug.cgi?id=604074
 * https://developer.mozilla.org/en-US/docs/CSS/transition-timing-function
 */
PB.dom.morph = PB.support.CSSTransition ?
function ( to ) {

	var me = this,
		options = morphArgs( arguments ),
		morph = this.get('__morph') || {},
		from = {};

	if( morph.running ) {

		this.stop(false, true);
	}

	morph.to = to;
	morph.callback = options.callback;
	morph.running = true;

	from.transition = 'all '+options.duration+'s '+options.effect+' 0s';

	PB.each(to, function ( property ) {

		from[property] = me.getStyle( property, true );
	});

	this.setStyle(from);

	PB.each(to, function ( property ) {

		me.getStyle( property, true );
	});

	/* Example code to force `GPU` */
	/*
	if( (to.left !== undefined && to.top !== undefined) && !to.transform ) {

		to.transform = 'translate('+addUnits('left', to.left)+', '+addUnits('top', to.top)+')';
		delete to.left;
		delete to.top;
	}
	*/

	me.setStyle(to);

	morph.endTimer = setTimeout(function() {

		if( !me.node ) {

			return;
		}

		morph.running = false;

		me.setStyle({

			transition: ''
		});

		if( options.callback ) {

			options.callback( me );
		}

	}, (options.duration*1000));

	this.set('__morph', morph);

	return this;
} :
function ( to ) {

	var options = morphArgs( arguments );

	this.setStyle(to);

	if( options.callback ) {

		options.callback( this );
	}
};

/**
 * Stop morphing
 *
 * @param {boolean} (optional)
 * @param {boolean} (optional)
 * @return this
 */
PB.dom.stop = function ( skipToEnd, triggerCallback ) {

	var me = this,
		morph = this.get('__morph');

	if( !morph || !morph.running ) {

		return this;
	}

	triggerCallback = (triggerCallback === undefined) ? true : !!triggerCallback;

	morph.running = false;

	clearTimeout( morph.endTimer );

	if( skipToEnd ) {

		PB.each(morph.to, function ( property ) {

			me.setStyle(property, '');
			me.getStyle(property, true);
		});
	}
	else {

		PB.each(morph.to, function ( property ) {

			morph.to[property] = me.getStyle(property, true);
		});
	}

	morph.to.transition = '';


	this.setStyle(morph.to);

	if( triggerCallback && morph.callback ) {

		morph.callback( this );
	}

	return this;
}

PB.overwrite(PB.dom, {

	/**
	 * Check if element has class
	 */
	hasClass: function ( className ) {

		return (new RegExp( "(^|\\s)"+className+"($|\\s)" )).test(this.node.className);
	},

	/**
	 * Add class to element
	 */
	addClass: function ( classNames ) {

		classNames = classNames.split(' ')

		for( var i = 0; i < classNames.length; i++ ) {

			if( this.hasClass(classNames[i]) ) {

				continue;
			}

			this.node.className += (this.node.className ? ' ' : '')+classNames[i];
		}

		return this;
	},

	/**
	 * Remove class from element
	 */
	removeClass: function ( classNames ) {

		var node = this.node,
			classes = node.className,
			className;

		classNames = classNames.split(' ')

		for( var i = 0; i < classNames.length; i++ ) {

			className = classNames[i];

			classes = classes.replace( new RegExp( "(^|\\s)"+className+"($|\\s)" ), ' ' );
			classes = classes.trim();
		}

		if( classes === '' ) {

			node.className = null;
		} else {

			node.className = classes;
		}

		return this;
	},

	/**
	 *
	 */
	show: function () {

		this.node.style.display = this.get('css-display') || 'block';

		return this;
	},

	hide: function () {

		var display = this.getStyle('display');

		if( display === 'none' ) {

			return this;
		}

		this.set('css-display', display);

		this.node.style.display = 'none';

		return this;
	},

	isVisible: function () {

		return this.getStyle('display') !== 'none' && this.getStyle('opacity') > 0;
	},

	getXY: function ( fromBody ) {


		var node = this.node,
			x = 0,
			y = 0;

		while( node ) {

			x += node.offsetLeft;
			y += node.offsetTop;

			node = node.offsetParent;

			if( !node || (!fromBody && Dom.get(node).getStyle('position') !== 'static') ) {

				break;
			}
		}

		return {

			left: x,
			top: y
		};
	},

	getScroll: function () {

		var node = this.node,
			scroll = {};

		if( node.nodeType === 9 || node === window ) {

			scroll.left = Math.max( docElement.scrollLeft, body.scrollLeft );
			scroll.top = Math.max( docElement.scrollTop, body.scrollTop );
		} else {

			scroll.left = node.scrollLeft;
			scroll.top = node.scrollTop;
		}

		return scroll;
	},

	width: function ( value ) {

		if( value !== undefined ) {

			return this.setStyle('width', value);
		}

		var node = this.node;


		if( node === window ) {

			return window.innerWidth || docElement.offsetWidth;
		} else if ( node.nodeType === 9 ) {

			return Math.max(docElement.clientWidth, body.scrollWidth, docElement.offsetWidth);
		}

		if( value = this.getStyle('width', true) && typeof value === 'number' ) {

			return value;
		}

		if( !this.isVisible() ) {

			this.show();
			value = node.offsetWidth;
			this.hide()
		} else {

			value = node.offsetWidth;
		}

		return value;
	},

	innerWidth: function () {

		return this.width() + (this.getStyle('paddingLeft', true) || 0) + (this.getStyle('paddingRight', true) || 0);
	},

	outerWidth: function () {

		return this.width() + (this.getStyle('borderLeftWidth', true) || 0) + (this.getStyle('borderRightWidth', true) || 0);
	},

	scrollWidth: function () {

		return this.node.scrollWidth;
	},

	height: function ( value ) {

		if( value !== undefined ) {

			return this.setStyle('height', value);
		}

		var node = this.node;

		if( node === window ) {

			return window.innerHeight || docElement.offsetHeight;
		} else if ( node.nodeType === 9 ) {

			return Math.max(docElement.clientHeight, body.scrollHeight, docElement.offsetHeight);
		}

		if( value = this.getStyle('height', true) && typeof value === 'number' ) {

			return value;
		}

		if( !this.isVisible() ) {

			this.show();
			value = node.offsetHeight;
			this.hide()
		} else {

			value = node.offsetHeight;
		}

		return value;
	},

	innerHeight: function () {

		return this.height() + (this.getStyle('paddingTop', true) || 0) + (this.getStyle('paddingBottom', true) || 0);
	},

	outerHeight: function () {

		return this.height() + (this.getStyle('borderTopWidth', true) || 0) + (this.getStyle('borderBottomWidth', true) || 0);
	},

	scrollHeight: function () {

		return this.node.scrollHeight;
	}
});

PB.each({ left: 'Left', top: 'Top' }, function ( lower, upper ) {

	PB.dom['scroll'+upper] =  function ( value ) {

		if( value !== undefined ) {

			var node = this.node;

			if( node === win || node === doc || node === docElement ) {

				window.scrollTo( lower === 'left' ? value : this.scrollLeft(), lower === 'top' ? value : this.scrollTop() );
			} else {

				node['scroll'+upper] = value;
			}

			return this;
		}

		return this.getScroll()[lower];
	}

	PB.dom[lower] = function ( fromBody ) {

		if( fromBody !== undefined && fromBody !== true ) {

			this.setStyle(lower, fromBody);

			return this;
		}

		return this.getXY(fromBody)[lower];
	}
});

PB.overwrite(PB.dom, {

	/**
	 * Retrieve parent node
	 *
	 * @return <PBDom>
	 */
	parent: function () {

		return Dom.get( this.node.parentNode );
	},

	/**
	 * Retrieve the first child that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	first: function () {

		var first = this.node.firstChild;

		while( first && first.nodeType !== 1 ) {

			first = first.nextSibling;
		}

		return first === null
			? null
			: Dom.get(first);
	},

	/**
	 * Retrieve the last child that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	last: function () {

		var last = this.node.lastChild;

		while( last && last.nodeType !== 1 ) {

			last = last.previousSibling;
		}

		return last === null
			? null
			: Dom.get(last);
	},

	/**
	 * Retrieve the next sibling that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	next: function () {

		var sibling = this.node;

		while( sibling = sibling.nextSibling ) {

			if( sibling.nodeType === 1 ) {

				return Dom.get( sibling );
			}
		}

		return null;
	},

	/**
	 * Retrieve the previous sibling that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	prev: function () {

		var sibling = this.node;

		while( sibling = sibling.previousSibling ) {

			if( sibling.nodeType === 1 ) {

				return Dom.get( sibling );
			}
		}

		return null;
	},

	/**
	 * Retrieve childs of the current node
	 *
	 * @return <PBDomCollection>
	 */
	childs: function () {

		var childs = new PB.Collection,	// new Collection
			node = this.first();

		if( node === null ) {

			return childs;
		}

		do {

			childs.push( node );
		} while ( node = node.next() );

		return childs;
	},

	/**
	 * Tries to find a matching parent that matches the given expression
	 *
	 * @param string CSS expression
	 * @param number max parents to crawl up
	 * @return <PBDom>
	 */
	closest: function ( expression, maxDepth ) {

		var node = this;

		maxDepth = maxDepth || 50;

		do {

			if( qwery.is( node.node, expression ) ) {

				return node;
			}

			if( !--maxDepth ) {

				break;
			}

		} while ( node = node.parent() );

		return null;
	},

	/**
	 * Current node is a descendant of the given element?
	 *
	 * @param string/node/PBDom
	 * @return boolean
	 */
	descendantOf: function ( element ) {

		element = Dom.get(element);

		return element
			? element.contains( this )
			: false;
	},

	/**
	 * Current node contains the given element?
	 *
	 * @param string/node/PBDom
	 * @return boolean
	 */
	contains: function ( element ) {

		var node = this.node;

		element = Dom.get(element).node;

		return node.contains
			? node !== element && node.contains( element )
			: !!(node.compareDocumentPosition( element ) & 16);
	},

	/**
	 * Find elements trough CSS expression, searching from within
	 * the current element.
	 *
	 * @param string
	 * @return <PBDomCollection>
	 */
	find: function ( expression ) {

		return new PB.Collection( qwery( expression, this.node ).map(Dom.get) );
	}
});

var tableInnerHTMLbuggie = false;

try {

	doc.createElement('table').innerHTML = '<tr></tr>';
} catch (e) {

	tableInnerHTMLbuggie = true;
}

PB.overwrite(PB.dom, {

	/**
	 * Append element to self
	 */
	append: function ( element ) {

		if( (element = Dom.get(element)) === null ) {

			return null;
		}

		this.node.appendChild( element.node );

		return this;
	},

	/**
	 * Append self to target element
	 */
	appendTo: function ( target ) {

		if( (target = Dom.get(target)) === null ) {

			return null;
		}

		target.append( this );

		return this;
	},

	/**
	 * Insert self before target element
	 */
	insertBefore: function ( target ) {

		if( (target = Dom.get(target)) === null ) {

			return null;
		}

		target.node.parentNode.insertBefore( this./archief/januari-2012" target="_top">januari 2012 </a></span><span class="verticaldivider">  >  </span><span class="selected">Sterke Yerke</span></div><!-- /kruimelpad --></div> <!-- topnavBlok --> 
<div class="clear">&nbsp;</div>
<div id="pagina">
<h1 class="hideKop">Tijd voor MAX</h1> <!-- kopregelhierarchie -->
<div id="leftnavframe"></div><!-- /leftnavframe -->

<div id="content"><style> /* font-family */
.ffam1 { font-family: Arial; }

/* fontsize */
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }

/* font-weight */
.bold { font-weight:bold; }
.normal { font-weight:normal; }

/* text-style */
.txtupcase { text-transform: uppercase; }

/* line-height */
.lh13 { line-height:13px; }
.lh16 { line-height:16px; }
.lh18 { line-height:18px !important; }
.lh20 { line-height:20px !important; }
.lh24 { line-height:24px; }
.lh25 { line-height:25px; }

/* text-decoration */
.deco0 {text-decoration: none;}
.decoU {text-decoration: underline;}

/* color */
.color1 { color:#4d4d4d; }
.color2 { color:#000000; }
.color3 { color:#ffffff; }

/* background */
.blue { background: blue; }
.lightblue { background: lightblue; }
.red { background: red; }
.pink { background: pink; }

.bgcolor1 { background-color:#4d4d4d; }
.bgcolor2 { background-color:#ffffff; }
.bgcolor3 { background-color:#8a8a8a; }

/* display */
.block { display:block; }
.inblock { display:inline-block; }
.inline { display:inline; }

/* width */
.wauto { width: auto; }
.w100p { width: 100%; }
.w50p { width: 50%; }
.w19 { width: 19px; }
.w35 { width: 35px; }
.w38 { width: 38px; }
.w44 { width: 44px; }
.w55 { width: 55px; }
.w57 { width: 57px; }
.w60 { width: 60px; }
.w64 { width: 64px; }
.w72 { width: 72px; } /* used in gids */
.w82 { width: 82px; }
.w174 { width: 174px; }
.w300 { width: 300px; }
.w375 { width: 375px; }
.w764 { width: 764px; }

/* height */
.h4 { height: 4px; }
.h15 { height: 15px; }
.h24 { height: 24px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h48 { height: 48px; }
.h62 { height: 62px; }

/* min-height */
.mh18 { min-height: 18px !important; }
.mh20 { min-height: 20px !important; }
.mh78 { min-height: 78px; }
.mh94 { height: 94px; }

/* margin */
.mauto { margin: auto; }
.m0 { margin: 0; }
.m10 { margin: 10px; }
.mt1 { margin-top: 1px; }
.mt13 { margin-top: 13px; }
.mt20 { margin-top: 20px; }
.mttemporarely { margin-top: 28px; } /*used for Radioplayer2 link to old player 18-08-2011*/
.mttemporarely2 { margin-top: 55px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml45 { margin-left: 45px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr14 { margin-right: 15px;}
.mtb0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mlr1 { margin-left: 1px; margin-right: 1px; }
.mlr6 { margin-left: 6px; margin-right: 6px; }

/* padding */
.pauto { padding: 0px; }
.p0 { padding: 0; }
.p10 { padding: 10px; }
.pr8 { padding-right: 8px; }
.pl5 { padding-left: 5px; }
.pl8 { padding-left: 8px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl45 { padding-left: 45px; }
.pl48 { padding-left: 48px; }
.pl70 { padding-left: 70px; }
.pl82 { padding-left: 82px; } /* uses in gids */
.pl92 { padding-left: 92px; }
.pl106 { padding-left: 106px; }
.ptb0 { padding-top: 0px; padding-bottom: 0px; }
.ptb4 { padding-top: 4px; padding-bottom: 4px; }
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.ptb8 { padding-top: 8px; padding-bottom: 8px; }
.plr6 { padding-left: 6px; padding-right: 6px; }
.plr9 { padding-left: 9px; padding-right: 9px; }

/* position */
.relative { position: relative; }
.absolute { position: absolute; }
.ofhidden { overflow: hidden; }
.ofyauto { overflow-y: auto; }
.ofxauto { overflow-x: auto; }

.pos0 { top: 0px; right: 0px; bottom: 0px; left: 0px; }
.pos2 { top: 2px; right: 2px; bottom: 2px; left: 2px; }
.pos7 { top: 7px; right: 7px; bottom: 7px; left: 7px; }
.pos8 { top: 8px; right: 8px; bottom: 8px; left: 8px; }
.pos10 { top: 10px; right: 10px; bottom: 10px; left: 10px; }
.post3 { top: 3px; }
.post7 { top: 7px; }
.post8 { top: 8px; }
.post26 { top: 26px; }
.post59 { top: 59px; }
.post107 { top: 107px; }
.post207 { top: 207px; }
.posr0 { right: 0; }
.posr2 { right: 2px; }
.posr5 { right: 5px; }
.posr9 { right: 9px; }
.posr30 { right: 30px; }
.posr65 { right: 65px; }
.posr83 { right: 83px; }
.posr94 { right: 94px; }
.posr165 { right: 65px; }

.posr50p { right:50%; }

.posb7 { bottom:7px; }
.posb20 { bottom:20px; }
.posb27 { bottom:27px; }
.posl0 { left: 0 !important; }
.posl5 { left: 5px; }
.posl8 { left: 8px; }
.posl9 { left: 9px; }
.posl10 { left: 10px; }
.posl18 { left: 18px; }
.posl25 { left: 25px; }
.posl30 { left: 30px; }
.posl65 { left: 65px; }
.posl69 { left: 69px; }
.posl87 { left: 87px; }

.posl50p { left:50%; }

/* border */
.b0 { border: none; border: 0; }
.b1 { border: 1px solid #333333; }
.b2 { border: 1px solid #999999; } /* switcher */
.b3 { border: 1px solid #3a3a3a; }
.b4 { border: 1px solid #474747; }
.b5 { border: 1px solid #ffffff; }
.b6 { border: 1px solid #363636; }
.b7 { border: 1px solid #4f4f4f; } /* not used */
.b8 { border: 1px solid #000000; }
.b9 { border: 1px solid #b0b0b0; }
.b10 { border: 1px solid #e5e5e5; } /* pblist */

.bt0 { border-top: 0; }
.bt2 { border-top: 1px solid #999999; }
.bt5 { border-top: 1px solid #ffffff; }
.bt7 { border-top: 1px solid #4f4f4f; }
.bb0 { border-bottom: none !important; }
.bb5 { border-bottom: 1px solid #ffffff; }
.bb8 { border-bottom: 1px solid #000000; }
.bb9 { border-bottom: 1px solid #b0b0b0; }
.bb10 { border-bottom: 1px solid #e5e5e5; }

/*float*/
.fr { float: right; }
.fl { float: left; }

/* pblink */
.pblink { text-decoration:none; }
.pblink:hover { text-decoration:underline; }

/* alignment */
.alignc { text-align: center; }
.alignr { text-align: right; }

.hidden { overflow: hidden; height: 0; }

.outline0 { outline: none;}
/* disable text selection highlighting */
.pbselectoff {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.cursordef { cursor: default !important; }

/* bullets */
.bullet { background: url('images/bullet/bullet-4d4d4d.gif') no-repeat 11px 8px; }

/* pblogoholder */
.pblogoholder {
	position: absolute;
	width: 230px;
	height: 101px;
	top: 0;
	left: 50%;
	margin-left: -382px;
	border: none;
}
.pblogoholder img {
	border: none;
	margin-left: 5px;
}

/* pbradioplayer */
.pbradioplayer {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #1555a2;
	border-bottom: 1px solid #1555a2;
	border-left: 1px solid #ffffff;

	background: #f8fafb; /* Old browsers */
	background: -moz-linear-gradient(top, #f8fafb 0%, #93b6df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fafb), color-stop(100%,#93b6df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8fafb 0%, #93b6df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8fafb 0%, #93b6df 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8fafb 0%, #93b6df 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafb', endColorstr='#93b6df',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f8fafb 0%, #93b6df 100%); /* W3C */
}
.pbradioplayer .pbplaystop-container .gradient-b {
	background: #1f3a73; /* Old browsers */
	background: -moz-linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f3a73), color-stop(100%,#1e3d7c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3a73', endColorstr='#1e3d7c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* W3C */
}
.pbradioplayer .pbplaystop-container .shadow-a-in {
	-moz-box-shadow: inset 0px 2px 2px #141328;
	-webkit-box-shadow: inset 0px 2px 2px #141328;
	-o-box-shadow: inset 0px 2px 2px #141328;
	box-shadow: inset 0px 2px 2px #141328;
}
.pbradioplayer .pbplaystop-container .shadow-a-in .pbbutton.pbplaystop {
	background: #1f3a73; /* Old browsers */
	background: -moz-linear-gradient(top, #1f3a73 0%, #20356b 25%, #181933 75%, #1e3d7c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f3a73), color-stop(100%,#1e3d7c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3a73', endColorstr='#1e3d7c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1f3a73 0%, #1e3d7c 100%); /* W3C */
}
.pbradioplayer .pbplaystop-container .pbbutton.pbplaystop {
	
}

/* pbplaystop */
.pbbutton.pbplaystop {
	cursor: pointer;
	border-top: none;
	background-image: url('images/pattern/pattern-button-playstop.gif');
	background-position: left top;
	background-repeat: repeat-x;
}

/* pbicon */
.pbbutton.pbplaystop .pbicon {
	border-top: 1px solid #4085d5;
	border-bottom: 1px solid #010101;
	cursor: pointer;
	background-image: url(/gx/ZghylytIgnD.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.pbbutton.pbplaystop .pbicon.stopped {
	background-image: url(/gx/ZghylytIinD.png);
}

.pbspeaker { 
	background: url('images/button/speaker-min.png') no-repeat scroll 0 5px transparent; 
	padding-right: 10px;
	margin: 4px 0;
}

.pbspeaker.active {
	
	background: url('images/button/speaker.png') no-repeat scroll 0 5px transparent; 
}

/* pbcontrol */
.pbbutton.pbcontrol {
	top: -3px;
	height: 19px;
	cursor: pointer;
	line-height: 18px;
 	border-bottom: 1px solid #ffffff;
	font-family: 'Arial';
	font-weight: normal;
	color: #ffffff;
//	background-image: url('images/pattern/pattern-streamtype.gif') ;
	background-image: url(/gx/ZghylytIcaE.gif);

	background-repeat: repeat-x;
	background-position: left top;
}

.low-button {
	width: 48%; float:left; 
}

.high-button {
	width: 50%; float:right;
}


.pbbutton.pbcontrol .high-button:active,
.pbbutton.pbcontrol .low-button:active,
.pbbutton.pbcontrol .high-button.active,
.pbbutton.pbcontrol .low-button.active {
	background: #1f2a57; /* Old browsers */
	background: -moz-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f2a57), color-stop(100%,#1e71cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2a57', endColorstr='#1e71cd',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* W3C */
}
	

/* pbkijklive.pbicon */
.pbbutton.pbcontrol.pbkijklive.pbicon {
	top: 3px;
	left: -22px;
	width: 15px;
	height: 11px;
	padding: 0;
	border-bottom: none;
//	background-image: url('images/sprites/sprite-controls.png');
	background-image: url(/gx/ZghylytIuzD.png);
	background-repeat: repeat-x;
	background-position: -37px top;
}

/* pbbutton - pbtabs */
.pbbutton.pbtab .pbtab {
	height: 17px;
	line-height: 17px;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
	color:#4d4d4d;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
}

.shadowday {
	text-shadow: 1px 1px 0 RGBA(255,255,255,.6);
}

.pbbutton.pbtab .pbleftday {
	background: url("images/button/left-button-day.png") no-repeat left;
	border-right: solid 1px #999;
	height: 100%;
}

.pbbutton.pbtab .pbrightday {
	background: url('images/button/right-button-day.png') no-repeat right;
	border-left: solid 1px #efefef;
	height: 100%;
}

.active { background-color:#f7f7f7 }

.pbbutton.pbtab.selected {
	border-bottom:1px solid #ffffff;
	cursor:pointer;
/*	background-image: url('images/slides/slide-pbtab-head.png');
	background-repeat: no-repeat;
	background-position: left top;
*/	
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-o-border-radius: 6px 6px 6px 6px;
	border-radius: 20px;
}
.pbbutton.pbtab.selected .pbtab {
	display:inline-block;
	border:1px solid #4f4f4f;
	border-bottom:0;
	color:#ffffff;
	background:#8a8a8a;
/*	background-image: url('images/slides/slide-pbtab-tail.png');
	background-repeat: no-repeat;
	background-position: right top;
*/
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-o-border-radius: 6px 6px 6px 6px;
	border-radius: 20px;

	-moz-box-shadow: inset 0 1px 2px #555555;
	-webkit-box-shadow: inset 0 1px 2px #555555;
	-o-box-shadow: inset 0 1px 2px #555555;
	box-shadow: inset 0 1px 2px #555555;
}

.pbbutton.pbtab.deselected .pbtab {
	display:inline-block;
	border:2px solid #b0b0b0;
	border-bottom:0;
	color:#ffffff;
	background:#b0b0b0;
/*	background-image: url('images/slides/slide-pbtab-tail.png');
	background-repeat: no-repeat;
	background-position: right top;
*/
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-o-border-radius: 6px 6px 6px 6px;
	border-radius: 20px;
}

/* pbbutton - pbchain */
.pbchain.pbhead {
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-o-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}
.pbchain.pbtail {
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	-o-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}
.pbchain.pbhead.pbtail {
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-o-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

/* pbdisplay */
.pbdisplay {
	padding: 2px;
	line-height: 11px;
	color: #ffffff;
	border-top: 1px solid #717171;
	background: #4d4d4d url('images/pattern/pattern-display.gif') repeat-x left top;
}

/* pbcontrol */
.pbcontrol {}

/* pbvolume */
.pbvolume.pbicon {
	width: 5px;
	height: 11px;
	cursor: pointer;
//	background-image: url('images/sprites/sprite-controls.png');
	background-image: url(/gx/ZghylytIuzD.png);
	background-repeat: no-repeat;
	background-position: -11px 0;
}
.pbvolume.pbicon .pblevel {
	right: -6px;
	top: 0;
	width: 6px;
	height: 11px;
	cursor: pointer;
//	background-image: url('images/sprites/sprite-controls.png');
	background-image: url(/gx/ZghylytIuzD.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
}
.pbvolume.pbicon .pblevel.pblow { background-position: -30px 0; }
.pbvolume.pbicon .pblevel.pbmid { background-position: -23px 0; }
.pbvolume.pbicon .pblevel.pbhigh { background-position: -16px 0; }

/* pbbar */
.pbbar.pblevel { width: 33%; }
.pbbar.pbscrubber {
	left: 33%;
	top: -3px;
	width: 9px;
	height: 10px;
	cursor: pointer;
//	background-image: url('images/sprites/sprite-controls.png');
	background-image: url(/gx/ZghylytIuzD.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: -5px;
}

/* pbchannelinfo */
.pbchannelinfo {
	left:50%;
	margin-left:-382px;
}

/* pbpane */
.pbpane {
	position: relative;
	height: 23px;
	padding-left: 20px;
	padding-right: 20px;
	cursor:pointer;
	line-height: 23px;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Verdana';
	font-size: 10px;
	background-image: url('images/pattern/pattern-channelinfo-pane.gif');
	background-repeat: repeat-x;
	background-position: 0 0;

	text-shadow: #000000 0px 1px 0px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=1);

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.pbpane .pbicon {
	width: 5px;
	height: 7px;
//	background-image: url('images/sprites/sprite-controls.png');
	background-image: url(/gx/ZghylytIuzD.png);
	background-repeat: no-repeat;
	background-position: -60px -1px;
}
.pbpane.selected .pbicon,
.pbpane.active .pbicon {
	left: 8px;
	width: 6px;
	background-position: -53px -1px;
}

/* pblist - pbcurrentinfo */
.pblist li {
	position: relative;
	line-height: 16px;
	min-height: 16px;
	vertical-align:middle;
}
.pblist li .pblabel {
	position: absolute;
	display: inline-block;
}
.pblist .pbicon {
	width: 5px;
	height: 6px;
	*vertical-align: middle;
	background-image: url('images/sprites/sprite-bullets.gif');
	background-repeat: no-repeat;
	background-position: 0 center;
}
.pblist .pbicon.absolute {
	top: 1px;
	height: 18px;
	line-height: 18px;
}

.pblist .pbhead {
	color:#4d4d4d;
	background-image: url('images/pattern/pattern-list-date-header.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

/* pbchannelswitcher */
.pbchannelswitcher {
	left: 50%;
	margin-left: 180px;
	z-index:1;
}
.pbchannelswitcher .pbhead {
	text-indent: -9999px;
	cursor: pointer;
	background-image: url('images/switcher/background/background-kieseenzender.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
.pbchannelswitcher .pbbody ul li:first-child .test {
	background-image: url('images/pattern/pattern-switcher-dropshadow.png');
	background-repeat: repeat-x;
	background-position: left top;
}
.pbchannelswitcher .pbbody ul li {
	display: block;
	min-height: 25px;
	line-height: 25px;
	font-size: 11px;
	border-bottom: 1px solid #e5e5e5;
	background: #ffffff;
}
.pbchannelswitcher .pbbody ul li:hover,
.pbchannelswitcher #problemreporter:hover,/*added temp*/
.pbchannelswitcher #oldbetaswitch:hover,
.pbchannelswitcher #problemreporter.active/*added temp*/{
/*	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #484848, #737373);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#484848), to(#737373));
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#484848', startColorstr='#737373', gradientType='0');
*/
	background: url('images/pattern/pattern-switcher-onhover.gif') repeat-x top left;
    color:white; /*added temporarely for 2 buttons 18-08-2011*/
    font-weight: bold;
}
.blabla{ /*temp used for link at the button 'Meld probleem' at radioplayer2*/
    color: #4d4d4d;
}


.pbchannelswitcher .pbbody ul li a{
	overflow: hidden;
	display: block;
	padding-left:32px;
	outline: none;
	font-family: 'Arial';
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 6px 3px;
}
.pbchannelswitcher .pbbody ul li:hover,
.pbchannelswitcher .pbbody ul li a:hover {
	font-weight: bold;
	color: #ffffff;
}
.pbchannelswitcher .pbbody ul li .radio1 { background-image: url('images/switcher/background/radio1.gif'); }
.pbchannelswitcher .pbbody ul li .radio2 { background-image: url('images/switcher/background/radio2.png'); }
.pbchannelswitcher .pbbody ul li .radio3 { background-image: url('images/switcher/background/3fm.png'); }
.pbchannelswitcher .pbbody ul li .radio4 { background-image: url('images/switcher/background/radio4.png'); }
.pbchannelswitcher .pbbody ul li .radio5 { background-image: url('images/switcher/background/radio5.png'); }
.pbchannelswitcher .pbbody ul li .radio6 { background-image: url('images/switcher/background/radio6.png'); }

.pbcontent { overflow: auto; }

/* pbloadingoverlay */
.pbloadingoverlay {
	display: none;
	z-index: 3;
	bottom: -2px;
	background: #ffffff url('images/ajax-loader.gif') no-repeat center 80px;
}

/* algemene voorwaarden */
.common-conditions {
	
	width: 100%;
	padding: 2px 0 0;
	text-align: center;
	bottom: 0;
	left: 0;
	position: absolute;
}

.common-conditions a {

	color: #000000;
	margin-top: 2px;
	text-decoration: none;
}

/* popup */
.block { display: block; }

.fl { float: left; }
.fr { float: right; }

.w285 { width: 285px; }

.hauto { height: auto; }
.h130 {	height: 130px; }

.ml55 { margin-left: 55px; }
.m20 { margin-bottom: 20px; }

.p20 { padding: 20px; }
.plr10 { padding-left: 10px; padding-right: 10px; }

.alignc { text-align: center; }

.b5 { border: 1px solid #ffffff; }

.pb-overlay-popup {
	width: 100%;
	height: 100%;
	background-color: #000;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	position: fixed;
	left:0;
	top:0;
	z-index:2;
}
.pb-container-popup {
	position:relative;
	padding: 80px 40px 0px 40px;
	padding-left: 50px;
 	color:#fff;
 	margin: 0 auto;
 	width: 710px;
	z-index:2;
}

.pb-container-popup .button { 
	border:1px solid #f9f4ee; 
	margin-bottom: 10px; 
	font-family: arial; 
	font-size: 12pt; 
	line-height: 20px;
}
.pb-container-popup .button a,
.pb-container-popup .button span,
.pb-container-popup .button {
	border:1px solid #dab654;
	color:#663300;
	font-size:12px;
	text-align:center;
	text-shadow:0px 1px 0px #ffffff;
	cursor:pointer;
	text-decoration:none;
	background-image: url('<?=$t->staticUrl?>images/nostalgia/repeating-button.gif') repeat-x left center ;
	background:#ffe99b ;
}

.pb-container-popup .button a:hover,
.pb-container-popup .button span:hover,
.pb-container-popup .button a span:hover,
.pb-container-popup .button :hover {
	background:#ffe99b url('<?=$t->staticUrl?>images/nostalgia/repeating-button-hover.gif') repeat-x left center;
}
.pb-container-popup .popup-option-block a {
	display:inline-block;
	width:auto;
	float:none;
	text-decoration:none;
}
.pb-container-popup .popup-option-block span {
	display:block;
	padding:0 10px;
}
.pb-container-popup .pb-intro { font-size: 14pt; }
.pb-container-popup p {
	font-family: arial;
	font-size: 12pt;
	color: #ffffff;
	line-height: 20px;
	margin-top: 3px;
}
/* end popup */

.co-display {
	background: red;
}
.co-display-shade {
	border-top: 1px solid #155ba2;
	background: #ffffff;
}
.co-display-edge {
	background: #ffffff;
}
.co-display-edge.pbdisplay {
	border-top: 1px solid #a7acc0;
}
.co-display-edge.pbdisplay .player-title {
	color: #000;
	line-height: 20px;
}

.pbcontrol .player-volume .co-bar-container {
	background: #1f3b78; /* Old browsers */
	background: -moz-linear-gradient(top, #1f3b78 0%, #1869c2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f3b78), color-stop(100%,#1869c2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f3b78 0%, #1869c2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f3b78 0%, #1869c2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1f3b78 0%, #1869c2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b78', endColorstr='#1869c2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1f3b78 0%, #1869c2 100%); /* W3C */
}
.pbcontrol .player-volume-bar {
	background: #1e254b; /* Old browsers */
	background: -moz-linear-gradient(top, #1e254b 0%, #0f0d1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e254b), color-stop(100%,#0f0d1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e254b 0%, #0f0d1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e254b 0%, #0f0d1b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1e254b 0%, #0f0d1b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b78', endColorstr='#0f0d1b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1e254b 0%, #0f0d1b 100%); /* W3C */
}

.pbcontrol .pbstreamtype {
	width: 96px;
}
.pbcontrol .pbstreamtype .co-button,
.co-option-controls.new-popup.active {
	background: #165fb2; /* Old browsers */
	background: -moz-linear-gradient(top, #165fb2 0%, #030305 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#165fb2), color-stop(100%,#030305)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #165fb2 0%, #030305 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #165fb2 0%, #030305 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #165fb2 0%, #030305 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#165fb2', endColorstr='#030305',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #165fb2 0%, #030305 100%); /* W3C */
}

.pbcontrol .pbstreamtype .co-button.active,
.co-option-controls.playlist.active {
	background: #1f2a57; /* Old browsers */	
	background: -moz-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f2a57), color-stop(100%,#1e71cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2a57', endColorstr='#1e71cd',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* W3C */
}

.co-option-controls {
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
.co-option-controls.new-popup {
	right: 80px;
}
.co-option-controls.new-popup .co-button .co-icon {
	position: absolute;
	top: 50%;
	left: 6px;
	display: block;
	width: 19px;
	height: 13px;
	margin-top: -7px;
//	background-image: url('images/icon-max.gif');
	background-image: url(/gx/ZghylytIeaE.gif);

}

.co-option-controls.playlist {
	right: 0;
}
.co-option-controls.new-popup,
.co-option-controls.playlist {
	font-size: 12px;
}

.co-button {
	background: #1f2a57; /* Old browsers */
	background: -moz-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f2a57), color-stop(100%,#1e71cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2a57', endColorstr='#1e71cd',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1f2a57 0%, #1e71cd 100%); /* W3C */
}

/* radius */
.radius3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.radius4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.radius6 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.radius7 {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
}
.radius6l {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.radius6r {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}


/* gradient */
/* pbradioplayer skin */
.gradient-a {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #c2c2c2, #fcfcfc);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#c2c2c2), to(#fcfcfc));
	background: -o-linear-gradient(bottom, #c2c2c2, #fcfcfc);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#c2c2c2', startColorstr='#fcfcfc', gradientType='0');
}

/* pbbutton / pbdisplay inset skin */
.gradient-b {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #4d4d4d, #737373);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#4d4d4d), to(#737373));
	background: -o-linear-gradient(bottom, #4d4d4d, #737373);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#4d4d4d', startColorstr='#737373', gradientType='0');
}

/* pbbar background */
.gradient-c {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #7f7f7f, #454545);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#7f7f7f), to(#454545));
	background: -o-linear-gradient(bottom, #7f7f7f, #454545);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#7f7f7f', startColorstr='#454545', gradientType='0');
}

/* pbcontrol - pbvolume */
.gradient-d {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #0d0d0d, #333333);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#0d0d0d), to(#333333));
	background: -o-linear-gradient(bottom, #0d0d0d, #333333);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#0d0d0d', startColorstr='#333333', gradientType='0');
}
.gradient-e {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #030303, #6f6f6f);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#030303), to(#6f6f6f));
	background: -o-linear-gradient(bottom, #030303, #6f6f6f);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#030303', startColorstr='#6f6f6f', gradientType='0');
}
.gradient-f {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #c2c2c2, #e5e5e5);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#c2c2c2), to(#e5e5e5));
	background: -o-linear-gradient(bottom, #c2c2c2, #e5e5e5);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#c2c2c2', startColorstr='#e5e5e5', gradientType='0');
}
.gradient-g {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #030303, #4e4e4e);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#030303), to(#4e4e4e));
	background: -o-linear-gradient(bottom, #030303, #4e4e4e);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#030303', startColorstr='#4e4e4e', gradientType='0');
}

/* dropshadow */
.shadow-a {
	-moz-box-shadow: 0px 1px 1px #333333;
	-webkit-box-shadow: 0px 1px 1px #333333;
	-o-box-shadow: 0px 1px 1px #333333;
	box-shadow: 0px 1px 1px #333333;
}
.shadow-b {
	-moz-box-shadow: 0 0 4px #555555;
	-webkit-box-shadow: 0 0 4px #555555;
	-o-box-shadow: 0 0 4px #555555;
	box-shadow: 0 0 4px #555555;
}
.shadow-c {
	-moz-box-shadow: 0 1px 3px #444444;
	-webkit-box-shadow: 0 1px 3px #444444;
	-o-box-shadow: 0 1px 3px #444444;
	box-shadow: 0 1px 3px #444444;
}

.shadow-a-in {
	-moz-box-shadow: inset 0px 2px 2px #333333;
	-webkit-box-shadow: inset 0px 2px 2px #333333;
	-o-box-shadow: inset 0px 2px 2px #333333;
	box-shadow: inset 0px 2px 2px #333333;
}
.shadow-b-in {
	-moz-box-shadow: inset 0 1px 2px #555555;
	-webkit-box-shadow: inset 0 1px 2px #555555;
	-o-box-shadow: inset 0 1px 2px #555555;
	box-shadow: inset 0 1px 2px #555555;
}

/* textshadow */
.txtshadow-a {
	text-shadow: #000000 0px 1px 0px;

	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=1);
}

/* pbradioplayer */
.pbradioplayer {
	min-height: 102px;
}

.pbradioplayer .pbplaystop-container,
.pbradioplayer .co-display {
	bottom: auto;
	height: 42px;
}

/* pbseeker-container */
.pbradioplayer .pbseeker-container {
	position: absolute;
	top: 59px;
	left: 68px;
	right: 130px;
	border-width: 1px;
	border-style: solid;
/*	border-color: #155ba2 #a7a6c0 #ffffff #a7a6c0;*/
	border-color: #97b9e0 #a7a6c0 #ffffff #a7a6c0;
	
	background: #ffffff;
	border-radius: 4px;
}
.pbradioplayer .pbseeker-container .pbseeker {
	position: relative;
	border-radius: 4px;
	height: 8px;
	border-bottom: 1px solid #a7a6c0;
}
.pbradioplayer .pbseeker-container .pbseeker .pbscrubber- {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 18px;
	height: 19px;
	margin-top: -9px;
	margin-left: -9px;
	z-index: 1;
	cursor: pointer;
//	background: url('images/sprites/sprite-pbplayer-controls.png') no-repeat -70px 0;
	background: url(/gx/ZghylytIszD.png) no-repeat -70px 0;

}
.pbradioplayer .pbseeker-container .pbseeker .pbscrubber- > span {
	
}

.pbradioplayer .pbseeker-container .pbseeker .pbseeker-progress,
.pbradioplayer .pbseeker-container .pbseeker .pbseeker-buffer {
	position: absolute;
	top: 0;
	right: auto;
	left: 0;
	bottom: 0;
	width: 40%;
	height: 8px;
	border-radius: 4px;
}
.pbradioplayer .pbseeker-container .pbseeker .pbseeker-buffer {
	background: #93B6DF; /* Old browsers */
	background: -moz-linear-gradient(top,  #93B6DF 0%, #FAFCFE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93B6DF), color-stop(100%,#FAFCFE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #93B6DF 0%, #FAFCFE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #93B6DF 0%, #FAFCFE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #93B6DF 0%, #FAFCFE 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #93B6DF 0%, #FAFCFE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93B6DF', endColorstr='#FAFCFE',GradientType=0 ); /* IE6-9 */
}
.pbradioplayer .pbseeker-container .pbseeker .pbseeker-progress {
	background: #1964b0; /* Old browsers */
	background: -moz-linear-gradient(top,  #1964b0 0%, #090e1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1964b0), color-stop(100%,#090e1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1964b0 0%, #090e1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1964b0 0%, #090e1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1964b0 0%, #090e1a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1964b0 0%, #090e1a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1964b0', endColorstr='#090e1a',GradientType=0 ); /* IE6-9 */
}

.pbradioplayer .pbseeker-time-container {
	position: absolute;
	top: 58px;
	right: 10px;
	font-family: 'verdana', arial;
	font-size: 10px;
	height: 18px;
	text-shadow: 0px 1px 1px #ffffff;
	color: #000000;
}

/* pbcontrols */
.pbradioplayer .pbcontrols {
	position: absolute;
	top: auto;
	right: 7px;
	bottom: 10px;
	left: 9px;
	height: 13px;
}

/* static css3 */

/* radius */
.radius3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.radius4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.radius6 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.radius7 {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
}
.radius6l {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.radius6r {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}


/* gradient */
/* pbradioplayer skin */
.gradient-a {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #c2c2c2, #fcfcfc);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#c2c2c2), to(#fcfcfc));
	background: -o-linear-gradient(bottom, #c2c2c2, #fcfcfc);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#c2c2c2', startColorstr='#fcfcfc', gradientType='0');
}

/* pbbutton / pbdisplay inset skin */
.gradient-b {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #4d4d4d, #737373);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#4d4d4d), to(#737373));
	background: -o-linear-gradient(bottom, #4d4d4d, #737373);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#4d4d4d', startColorstr='#737373', gradientType='0');
}

/* pbbar background */
.gradient-c {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #7f7f7f, #454545);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#7f7f7f), to(#454545));
	background: -o-linear-gradient(bottom, #7f7f7f, #454545);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#7f7f7f', startColorstr='#454545', gradientType='0');
}

/* pbcontrol - pbvolume */
.gradient-d {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #0d0d0d, #333333);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#0d0d0d), to(#333333));
	background: -o-linear-gradient(bottom, #0d0d0d, #333333);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#0d0d0d', startColorstr='#333333', gradientType='0');
}
.gradient-e {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #030303, #6f6f6f);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#030303), to(#6f6f6f));
	background: -o-linear-gradient(bottom, #030303, #6f6f6f);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#030303', startColorstr='#6f6f6f', gradientType='0');
}
.gradient-f {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #c2c2c2, #e5e5e5);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#c2c2c2), to(#e5e5e5));
	background: -o-linear-gradient(bottom, #c2c2c2, #e5e5e5);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#c2c2c2', startColorstr='#e5e5e5', gradientType='0');
}
.gradient-g {
	overflow: hidden;
    display: block;

	background: -moz-linear-gradient(100% 100% 90deg, #030303, #4e4e4e);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#030303), to(#4e4e4e));
	background: -o-linear-gradient(bottom, #030303, #4e4e4e);
	background: #4D4D4D\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#030303', startColorstr='#4e4e4e', gradientType='0');
}

/* dropshadow */
.shadow-a {
	-moz-box-shadow: 0px 1px 1px #333333;
	-webkit-box-shadow: 0px 1px 1px #333333;
	-o-box-shadow: 0px 1px 1px #333333;
	box-shadow: 0px 1px 1px #333333;
}
.shadow-b {
	-moz-box-shadow: 0 0 4px #555555;
	-webkit-box-shadow: 0 0 4px #555555;
	-o-box-shadow: 0 0 4px #555555;
	box-shadow: 0 0 4px #555555;
}
.shadow-c {
	-moz-box-shadow: 0 1px 3px #444444;
	-webkit-box-shadow: 0 1px 3px #444444;
	-o-box-shadow: 0 1px 3px #444444;
	box-shadow: 0 1px 3px #444444;
}

.shadow-a-in {
	-moz-box-shadow: inset 0px 2px 2px #333333;
	-webkit-box-shadow: inset 0px 2px 2px #333333;
	-o-box-shadow: inset 0px 2px 2px #333333;
	box-shadow: inset 0px 2px 2px #333333;
}
.shadow-b-in {
	-moz-box-shadow: inset 0 1px 2px #555555;
	-webkit-box-shadow: inset 0 1px 2px #555555;
	-o-box-shadow: inset 0 1px 2px #555555;
	box-shadow: inset 0 1px 2px #555555;
}

/* textshadow */
.txtshadow-a {
	text-shadow: #000000 0px 1px 0px;

	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=1);
}
</style>
<style> /*/* pbplayer-skin/* */
.pbplayer-wrapper {
	position: relative;
	left: 0;
	right: 0;
	font-family: 'Tahoma',Arial,Helvetica,sans-serif;
	font-size: 11px;
}
.pbplayer-wrapper .pbplayer-skin {
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff #4d7fc0 #4d7fc0 #ffffff;
	padding-top: 1px;
	background: #ffffff;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin {
	min-height: 24px;
	height: auto !important;
	height: 24px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff #86abdf #86abdf #ffffff;
	background: #93b6df;

	background: -moz-linear-gradient(100% 100% 90deg, #93b6df, #f8fafb);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#93b6df), to(#f8fafb));
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#93b6df', startColorstr='#f8fafb', gradientType='0');
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell {
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-bottom: 10px;
}

/*/* pbplayer-player/* */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker {
	position: relative;
	bottom: -12px;
    margin-left: 45px;
    margin-right: 160px;
}

/*/* pbplayer-button/* */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-button {
	overflow: hidden;
	position: absolute;
	top: -4px;
	left: -33px;
	display: block;
	padding: 0;
	border: none;
	cursor: pointer;
	outline: none;
//	background: url('images/sprite-pbplayer-controls.png') repeat-x;
	background: url(/gx/ZghylytIgbE.png) repeat-x;


}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-play {
	width: 14px;
	height: 17px;
	background-position: 0 0;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-pause {
	width: 16px;
	height: 17px;
	background-position: -14px 0;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-control-button {
	top: -5px;
 	left: 0%;
	width: 18px;
	height: 19px;
	margin-left: -9px;
	z-index: 4;
	background-position: -70px 0;
}

/*/* pbplayer-volumn-control/* */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control {
	overflow: visible;
	position: absolute;
	top: -4px;
	right: -125px;
	left: auto;
	width: 8px;
	height: 17px;
	z-index: 5;
	background-position: -30px 0;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn0,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn1,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn2,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn3 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 9px;
	display: block;
	width: 10px;
	height: 17px;
	border: none;
	text-indent: -9999px;
//	background: url('images/sprite-pbplayer-controls.png') repeat-x;
	background: url(/gx/ZghylytIgbE.png) repeat-x;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn3 { background-position: -38px 0; }
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn2 { background-position: -48px 0; }
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn1 { background-position: -58px 0; }
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-control .pbplayer-volumn0 { background: none; }

/* pbplayer-volumn-slider */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-slider {
	position: absolute;
	bottom: 7px;
	_bottom: 42px;
	left: auto;
 	right: -133px;
	_right: 18px;
	width: 5px;
	height: 60px;
	padding: 6px 4px;
	border: 1px solid #a7aec0;
	display: none;

	-moz-box-shadow: 0px 1px 1px #999;
	-webkit-box-shadow: 0px 1px 1px #999;
	-o-box-shadow: 0px 1px 1px #999;
	box-shadow: 0px 1px 1px #999;
	
	background: -moz-linear-gradient(100% 100% 90deg, #93b6df, #f8fafb);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#93b6df), to(#f8fafb));
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#93b6df', startColorstr='#f8fafb', gradientType='0');
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-slider .pbplayer-volumn-slider-range {
	position: relative;
	width: 3px;
	height: 60px;
	border: 1px solid #a7aec0;
	background: #ffffff;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-slider .pbplayer-volumn-slider-range .pbplayer-volumn-slider-bar {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30%;
	background: #1964B0;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-volumn-slider .pbplayer-volumn-slider-range .pbplayer-volumn-slider-handle {
	overflow: hidden;
    position: absolute;
	right: 0;
    bottom: 30%;
    display: block;
	width: 9px;
    height: 5px;
	margin-bottom: -2px;
	margin-right: -4px;
	_margin-right: -5px;
    padding: 0;    
	border: 1px solid #a7aec0;
	cursor: pointer;
	background: #e3e3e3;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;

	background: -moz-linear-gradient(100% 100% 90deg, #ffffff, #f2f2f2);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ffffff), to(#f2f2f2));
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#f2f2f2', gradientType='0');
}

/* pbplayer-playing-stream */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-playing-stream {
  	margin-left: 45px;
    margin-right: 54px;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-playing-stream .pbplayer-volumn-control {
	right: -27px;
	_right: 26px;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-playing-stream .pbplayer-volumn-slider {
 	right: -36px;
	_right: 18px;
}

/*x pbplayer-bar/* */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-buffer,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-progress,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-stream {
	position: absolute;
	left: 0;
	right: 0;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar .pbplayer-bar-skin,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-buffer .pbplayer-bar-skin,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-progress .pbplayer-bar-skin,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-stream .pbplayer-bar-skin {
	overflow: hidden;
	background: #8a8a8a;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;

	border-bottom: 1px solid #ffffff;
//	background: url('images/sprite-pbplayer-bar.gif') repeat-x 0 0;
	background: url(/gx/ZghylytIcbE.gif) repeat-x 0 0;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar .pbplayer-bar-skin .pbplayer-bar-inner,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-buffer .pbplayer-bar-skin .pbplayer-bar-inner,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-progress .pbplayer-bar-skin .pbplayer-bar-inner,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-stream .pbplayer-bar-skin .pbplayer-bar-inner {
	overflow: hidden;
	height: 8px;
	border-left: 1px solid #454545;
	border-bottom: 1px solid #a7a6c0;
	border-right: 1px solid transparent;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;

/*	-moz-box-shadow: inset 0px 1px 4px #444;
	-webkit-box-shadow: inset 0px 1px 4px #444;
	-o-box-shadow: inset 0px 1px 4px #444;
	box-shadow: inset 0px 1px 4px #444;
*/}

.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar { z-index: 1; }
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-buffer { z-index: 2; }
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-progress { z-index: 3; }
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-stream { z-index: 3; }

.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-stream .pbplayer-bar-skin { 
//  background: url('images/pbplayer-bar-stream-animated.gif') repeat-x; 
  background: url(/gx/ZghylytIebE.gif) repeat-x;

}

.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar .pbplayer-bar-skin {
	background: #ffffff;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-buffer .pbplayer-bar-skin {
	background: #93b6df;
	background: -moz-linear-gradient(top, #93b6df 0%, #fafcfe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93b6df), color-stop(100%,#fafcfe));
	background: -webkit-linear-gradient(top, #93b6df 0%, #fafcfe 100%);
	background: -o-linear-gradient(top, #93b6df 0%, #fafcfe 100%);
	background: -ms-linear-gradient(top, #93b6df 0%, #fafcfe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b6df', endColorstr='#fafcfe',GradientType=0 );
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-progress .pbplayer-bar-skin {
	background: #1964b0;
	background: -moz-linear-gradient(top, #1964b0 0%, #08080f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1964b0), color-stop(100%,#08080f));
	background: -webkit-linear-gradient(top, #1964b0 0%, #08080f 100%);
	background: -o-linear-gradient(top, #1964b0 0%, #08080f 100%);
	background: -ms-linear-gradient(top, #1964b0 0%, #08080f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1964b0', endColorstr='#08080f',GradientType=0 );
}

.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-buffer .pbplayer-bar-skin,
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-bar-progress .pbplayer-bar-skin {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

/*/* pbplayer-details/* */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-details {
	overflow: hidden;
    padding-top: 6px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 13px;
	font-weight: bold;
	color: #222;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-details p {
	margin: 0;
	padding-right: 20px;
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-play-icon {
	position: relative;
	display: inline-block;
	padding: 0;
	border: none;
	cursor: pointer;
	background: url('images/sprite-pbplayer-controls.png') no-repeat;
	background-position: -90px 2px;
	*background-position: -90px 4px;
	width: 18px;
	height: 19px;
	margin-left: 6px;
	z-index: 4;
}

/*/* pbplayer-time/* */
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-time {
	position: absolute;
	top: 0;
	*top: -2px;
	left: auto;
	right: -135px;
	width: 120px;
	line-height: 11px;
	text-align: left;
	color: #494949;
	font-family: 'Helvetica';
}
.pbplayer-wrapper .pbplayer-skin .pbplayer-inner-skin .pbplayer-seeker-shell .pbplayer-seeker .pbplayer-time span {
	display: inline;
	height: auto;
	border: none;
	vertical-align: top;
	line-height: 11px;
}

/*/* pbplayer-wrapper .pbplayer-playlist/* */
.pbplayer-wrapper .pbplayer-playlist {
	border: 1px solid #a3a3a3;
	border-top: none;
	border-bottom: none;

	font-size: 13px;
	font-family: 'Helvetica';
	font-weight: bold;
	color: #222;
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul li {
	overflow: hidden;
	position: relative;
	display: block;
	margin-bottom:0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d9d9d9;
	background: #ffffff url('images/sprite-pbplayer-bar.gif') repeat-x 0 -24px;

	background: -moz-linear-gradient(100% 100% 90deg, #ffffff, #f2f2f2);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ffffff), to(#f2f2f2));
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#f2f2f2', gradientType='0');
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul li:hover {
	_background: #f8f8f8 url('images/pbplayer-bar-hover.png') repeat-x 0 0;
	background: -moz-linear-gradient(100% 100% 90deg, #f2f2f2, #d9d9d9);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#f2f2f2), to(#d9d9d9));
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#f2f2f2', startColorstr='#d9d9d9', gradientType='0');
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul li a {
	overflow: hidden;
	display: block;
	padding: 8px 35px 8px 10px;
	line-height: 18px;
	text-decoration: none;
	color: #222;
	font-weight: normal;
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul li a span {
	display: inline;
	height: auto;
	border: none;
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul .last {
	border-bottom: 1px solid #a3a3a3;
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul .pbplayer-playing {
	margin-left: 30px;
	font-weight: bold;
}
.pbplayer-wrapper .pbplayer-playlist .pbplayer-playlist-skin ul .pbplayer-playing span {
	position: absolute;
	top: 9px;
	_top: 10px;
	left: 15px;
	display: block;
	width: 12px;
	height: 14px;
	border: none;
	background: url('images/sprite-pbplayer-controls.png') no-repeat -103px 0;
}

/*/* Common mockup/* */
/* pbplayer-text-shadow */
.pbplayer-text-shadow {
	text-shadow: #fff 0px 1px 0px;
}

/* Embed code takes some px.. */
embed.pbplayer {
	position: absolute;
}</style>

	
<script type="text/javascript">/*!
 * pbjs JavaScript Framework v0.5.10
 * https://github.com/Saartje87/pbjs
 *
 * This project is powered by Pluxbox
 *
 * copyright 2011-2012, Niek Saarberg
 * MIT License
 */
(function ( name, context, definition ) {

	if( typeof module !== 'undefined' && typeof module.exports === 'object' ) {

		module.exports = definition(context);
	} else if ( typeof define === 'function' && typeof define.amd === 'object' ) {

		define( function () { return definition(context); } ) ;
	} else {

		this[name] = definition(context);
	}
})('PB', this, function ( context, undefined ) {

"use strict";

var old = context.PB,
	uid = old ? old.id() : 0,
	win = window,
	doc = document,
	docElement = doc.documentElement,
	body = doc.body,
	slice = Array.prototype.slice,
	toString = Object.prototype.toString,
	PB = function ( id ) {

		return Dom.get(id);
	};

PB.cache = old && old.cache ? old.cache : {};

PB.VERSION = '0.5.10';

/**
 * Get unique id inside PB
 *
 * @return number
 */
PB.id = function () {

	return ++uid;
}

/**
 * Overwrite properties or methods in target object
 */
PB.overwrite = function ( target, source ) {

	var key;

	for( key in source ) {

		if( source.hasOwnProperty(key) ) {

			target[key] = source[key];
		}
	}

	return target;
}

/**
 * Extend object
 *
 * Existing values will not be overwritten
 */
PB.extend = function ( target, source ) {

	var key;

	for( key in source ) {

		if( source.hasOwnProperty(key) && target[key] === undefined ) {

			target[key] = source[key];
		}
	}

	return target;
}

/**
 * Walk trough object
 *
 * When returning true in the callback method, the crawling stops
 *
 * fn arguments: key, value
 *
 * @param object
 * @param function
 * @param object
 * @return void
 */
PB.each = function ( collection, fn, scope ) {

	var prop;

	if ( !collection || typeof fn !== 'function' ) {

		return;
	}

	for( prop in collection ) {

		if( collection.hasOwnProperty(prop) && fn.call(scope, prop, collection[prop], collection) === true ) {

			return;
		}
	}
}

/**
 *
 */
PB.toArray = function ( collection ) {

	if( toString.call(collection) === '[object Object]' && collection.length ) {

		var result = [],
			length = collection.length,
			i = 0;

		for( ; i < length; i++ ) {

			result.push( collection[i] );
		}

		return result;
	}

	return slice.call(collection);
}

/**
 * Deprecated since 0.5.10
 */
PB.is = function ( type, mixed ) {

	return toString.call(mixed) === '[object '+type+']';
}

/**
 * Returns te primitive type of the given variable
 *
 * PB.type([]) -> array
 * PB.type('') -> string
 * PB.type({}) -> object
 *
 * @param {mixed}
 * @return {String}
 */
PB.type = function ( mixed ) {

	if( mixed instanceof PB.Dom ) {

		return 'PBDom';
	}

	if( mixed instanceof PB.Collection ) {

		return 'PBDomCollection';
	}

	return toString.call(mixed).replace('[object ', '').replace(']', '').toLowerCase();
}

/**
 * Executes script in global scope
 *
 * @param {String}
 * @return {Void}
 */
PB.exec = function ( text ) {

	if( window.execScript ) {

		window.execScript( text );
	} else {

		var script = doc.createElement('script');
		script.setAttribute('type', 'text/javascript');
		script.text = text;
		doc.head.appendChild(script);
		doc.head.removeChild(script);
	}
}


/**
 * @todo: isMobile
 */
PB.browser = function (){

	var ua = navigator.userAgent,
		info,
		version;

	version = ua.match(/(?:MSIE|Chrome|Firefox|Version|NokiaBrowser)(?:\s|\/)(\d+\.\d+)/);

	info = {

		isIE: ua.indexOf('MSIE') > -1,
		isChrome: ua.indexOf('Chrome') > -1,
		isFirefox: ua.indexOf('Firefox') > -1,
		isSafari:ua.indexOf('Safari') > -1,
		isOpera: !!window.opera,
		version: version ? parseFloat(version[1]) : -1
	};

	return info;
}();

/**
 *
 */
PB.support = (function () {

	var flash;

	if( navigator.plugins && navigator.plugins['Shockwave Flash'] ) {

		flash = navigator.plugins['Shockwave Flash'].description;
	} else if ( window.ActiveXObject ) {

		try {

			flash = new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version');
		} catch (e) {}
	}

	if( flash ) {

		flash = flash.match(/\d+/g);
		flash = Number(flash[0]+'.'+flash[1]);
	}

	return {

		flash: flash || false,
		touch: 'ontouchstart' in win,

		CSSTransition: false,
		CSSAnimation: false
	};
})();

PB.Class = function ( _parent, base ) {

	if( !base ) {

		base = _parent;
		_parent = null;
	}

	var constructor = base.construct,
		klass = function () {

			if( _parent !== null ) {

				if( !constructor ) {

					constructor = _parent.prototype.construct;
				} else {

					var _constructor = constructor;

					constructor = function () {

						var __parent = this.parent;

						this.parent = _parent.prototype.construct;

						_constructor.apply( this, arguments );

						this.parent = __parent;
					};
				}
			}

			if( typeof constructor === 'function' ) {

				constructor.apply( this, arguments );
			}
		};

	if( _parent !== null ) {

		klass.prototype = PB.overwrite( {}, _parent.prototype );
	}

	PB.each(base, PB.Class.extend, klass.prototype);

	return klass;
};

PB.Class.extend = function ( key, method ) {

	var ancestor = this[key],
		_method;

	if( typeof ancestor === 'function' ) {

		_method = method;

		method = function () {

			var _parent = this.parent,
				result;

			this.parent = ancestor;

		 	result = _method.apply( this, arguments );

			this.parent = _parent;

			return result;
		}
	}

	this[key] = method;
};

/**
 * Observer pattern
 *
 * Commonly used pattern in javascript, so we added it to pbjs
 */
PB.Observer = PB.Class({

	/**
	 * Initialize observer
	 */
	construct: function () {

		this._listeners = {};
		this._context = {};
	},

	/**
	 * Attach listener to instance
	 *
	 * @param {String}
	 * @param {Function}
	 * @param {Object} (optional)
	 * @return this
	 */
	on: function ( type, fn, context ) {

		if( PB.type(fn) !== 'function' ) {

			throw new Error('PB.Observer error, fn is not a function');
		}

		type.split(' ').forEach(function ( type ) {

			if( !this._listeners[type] ) {

				this._listeners[type] = [];
				this._context[type] = [];
			}

			this._listeners[type].push( fn );
			this._context[type].push( context );
		}, this);

		return this;
	},

	/**
	 * Detach listener to instance
	 *
	 * @param {String}
	 * @param {Function} (optional)
	 * @return this
	 */
	off: function ( type, fn ) {

		var index;

		if( !this._listeners[type] ) {

			return;
		}

		if( !fn ) {

			this._listeners[type].length = 0;
		}

		index = this._listeners[type].indexOf(fn);

		if( index !== -1 ) {

			this._listeners[type].splice( index, 1 );
			this._context[type].splice( index, 1 );
		}

		return this;
	},

	/**
	 * Trigger listeners
	 *
	 * @param {String}
	 * @return this
	 */
	emit: function ( type ) {

		if( !this._listeners[type] ) {

			return this;
		}

		var args = slice.call( arguments, 1 );

		this._listeners[type].forEach(function ( fn, index ){

			fn.apply( this._context[type][index], args || [] );
		}, this);

		return this;
	}
});


/**
 * Implementation to check if object is an array
 *
 * @param mixed object
 * @return boolean
 */
PB.extend(Array, {

	isArray: function ( object) {

		return PB.is('Array', object);
	}
});

PB.extend(Array.prototype, {

	/**
	 * Iterate trough array
	 *
	 * @param function fn
	 * @param mixed scope
	 * @param void
	 */
	forEach: function ( fn, scope ) {

		if ( this === null || typeof fn !== 'function' ) {

			throw new TypeError();
		}

		var length = this.length,
			i = 0;

		while ( i < length ) {

			fn.call(scope, this[i], i, this);

			i++;
		}
	},

	/**
	 * Searches the given array for a value and returns the found index or -1 if none found
	 *
	 * Note! Comparsion is done with ===
	 *
	 * @param mixed searchValue
	 * @param integer startIndex
	 * @return integer
	 */
	indexOf: function ( searchValue, startIndex ) {

		if ( this === null ) {

			throw new TypeError();
		}

		var length = this.length;

		startIndex = startIndex || 0;

		if( length <= startIndex || length === 0 ) {

			return -1;
		}

		while( startIndex < length ) {

			if ( this[startIndex] === searchValue ) {

				return startIndex;
			}

			startIndex++;
		}

	    return -1;
	},

	/**
	 * Searches the given array reversed for a value and returns the found index or -1 if none found
	 *
	 * Note! Comparsion is done with ===
	 *
	 * @param mixed searchValue
	 * @param integer stopIndex
	 * @return integer
	 */
	lastIndexOf: function ( searchValue, stopIndex ) {

		if ( this === null ) {

			throw new TypeError();
		}

		var length = this.length;

		stopIndex = stopIndex || 0;

		if( length <= stopIndex || length === 0 ) {

			return -1;
		}

		while( stopIndex <= length ) {

			length--;

			if ( this[length] === searchValue ) {

				return length;
			}
		}

	    return -1;
	},

	/**
	 * Iterate trough array and return new array with filtered values
	 *
	 * @param function fn
	 * @param scope mixed
	 * @return array
	 */
	filter: function ( fn, scope ) {

		if ( this === null || typeof fn !== "function" ) {

			throw new TypeError();
		}

		var result = [],
			i = 0,
			length = this.length;

		while ( i < length ) {

			if( !!fn.call(scope, this[i], i, this) ) {

				result.push( this[i] );
			}

			i++;
		}

		return result;
	},

	/**
	 * Iterate trough array and return true when <b>all</b> values match
	 *
	 * @param function fn
	 * @param mixed scope
	 * @return boolean
	 */
	every: function ( fn, scope ) {

		if ( this === null || typeof fn !== "function" ) {

			throw new TypeError();
		}

		var length = this.length,
			i = 0;

		while ( i < length ) {

			if( fn.call(scope, this[i], i, this) === false ) {

				return false;
			}

			i++;
		}

		return true;
	},

	/**
	 * Return new array with modified values
	 *
	 * @param function fn
	 * @param mixed scope
	 * @return boolean
	 */
	map: function ( fn, scope ) {

		if ( this === null || typeof fn !== "function" ) {

			throw new TypeError();
		}

		var length = this.length,
			result = new Array( length ),
			i = 0;

		while ( i < length ) {

			if( i in this ) {

				result[i] = fn.call(scope, this[i], i, this);
			}

			i++;
		}

		return result;
	},

	/**
	 * Iterate trough array and return true when atleast one value matches
	 *
	 * @param function fn
	 * @param mixed scope
	 * @return boolean
	 */
	some: function ( fn, scope ) {

		if ( this === null || typeof fn !== "function" ) {

			throw new TypeError();
		}

		var length = this.length,
			i = 0;

		while ( i < length ) {

			if( fn.call(scope, this[i], i, this) === true ) {

				return true;
			}

			i++;
		}

		return false;
	},

	reduce: function () {


	},

	reduceRight: function () {


	}
});

PB.extend(Object, {

	/**
	 * Retrieve keys from object as array
	 *
	 * @param object object
	 * @return array
	 */
	keys: function ( object ) {

		if ( this === null || PB.is('Object', object) === false ) {

			throw new TypeError();
		}

		var result = [],
			key;

		for( key in object ) {

			if( object.hasOwnProperty( key ) ) {

				result.push( key );
			}
		}

		return result;
	},

	/**
	 * Nasty solution to retrieve objectPrototype
	 *
	 * Note: constructor could be overwriten.. so it`s not the best solution
	 * Todo: Test, test, test... fix fix fix! Not working properly
	 */
	getPrototypeOf: function ( object ) {

		var constructor = object.constructor,
			oldConstructor;

		if( typeof object.__proto__ !== "undefined" ) {

			return object.__proto__;
		}

		if( object.hasOwnProperty( object.constructor ) ) {

			oldConstructor = object.constructor;

			if( (delete object.constructor) === false ) {

				return null;
			}

			constructor = object.constructor;
			object.constructor = oldConstructor;
		}

		return constructor ? constructor.prototype : null;
	}
});

PB.extend(Function.prototype,{

	/**
	 * Created a wrapper function around the `this` object
	 *
	 * @param mixed scope
	 * @param [mixed] additional arguments
	 * @return function
	 */
	bind: function ( scope/*, arg1, argN*/ ) {

		var _args = slice.call( arguments, 1 ),
			fn = this;

		return function () {

			return fn.apply( scope, _args.concat( slice.call( arguments, 0 ) ) );
		};
	}
});

/**
 * In the official ecma5 specifications the trim/trimLeft/trimRight methods can't handle
 * an additional arg to trim the string with. So trim methods will be overwriten!
 */
PB.overwrite(String.prototype, {

	/**
	 * Trim begin and end of string
	 *
	 * @param string char -> default whitespace
	 * @return string
	 */
	trim: function ( chr ) {

		chr = chr ? PB.String.escapeRegex(chr) : "\\s";

		return this.replace( new RegExp("(^"+chr+"+|"+chr+"+$)", "g"), "" );
	},

	/**
	 * Trim begin of string
	 *
	 * @param string char -> default ' '
	 * @return string
	 */
	trimLeft: function ( chr ) {

		return this.replace( new RegExp("(^"+( chr ? PB.String.escapeRegex(chr) : "\\s")+"+)", "g"), "" );
	},

	/**
	 * Trim end of string
	 *
	 * @param string char -> default ' '
	 * @return string
	 */
	trimRight: function ( chr ) {

		return this.replace( new RegExp("("+( chr ? PB.String.escapeRegex(chr) : "\\s")+"+$)", "g"), "" );
	}
});

PB.extend(Date, {

	now: function () {

		return +new Date;
	}
});


/**
 * Our PBDom constructor
 *
 * @param DOM
 * @return void
 */
var Dom = PB.Dom = function ( node ) {

	this.node = node;

	if( node.nodeName ) {

		this.nodeName = node.nodeName.toUpperCase();
	}

	this.storage = {};

	this._flagged_ = (node === win || node === doc || node === docElement || node === body);
}

PB.dom = PB.Dom.prototype;

/**
 *
 */
PB.dom.toString = function () {

	return '[Object PBDom]';
}

/**
 * Collect detached nodes and remove them from the cache
 *
 * Flagged nodes are skipped
 *
 * @todo Exclude objects that got documentFragement as parent?
 */
function collectGarbage () {

	var docEl = PB(docElement),
		key,
		cache = PB.cache;

	for( key in cache ) {

		if( cache.hasOwnProperty(key) && !cache[key]._flagged_ && !docEl.contains(cache[key]) ) {

			cache[key].remove();
		}
	}
}

if( !old ) {

	setInterval(collectGarbage, 30000);
}

var exprIsHtml = /<\w*[^>]*>/;

/**
 * Retrieve element with Dom closure
 */
Dom.get = function ( element ) {

	if( !element ) {

		return null;
	}

	if( element instanceof Dom ) {

		return element;
	}

	if( typeof element === 'string' ) {

		if( exprIsHtml.test(element) ) {

			return Dom.create( element );
		}

		element = doc.getElementById( element );
	}

	if( (!element || (element.nodeType !== 1 && element.nodeType !== 9)) && element !== window ) {

		return null;
	}

	if( typeof element.__PBJS_ID__ === 'number' && PB.cache.hasOwnProperty(element.__PBJS_ID__) ) {

		return PB.cache[element.__PBJS_ID__];
	}

	element.__PBJS_ID__ = PB.id();

	return PB.cache[element.__PBJS_ID__] = new Dom( element );
};

/**
 *
 */
PB.Collection = function ( collection ) {

	var i = 0;

	if( !collection ) {

		this.length = 0;
		return;
	}

	this.length = collection.length;

	for( ; i < this.length; i++ ) {

		this[i] = collection[i];
	}
};

PB.Collection.prototype = {

	/**
	 *
	 */
	toString: function () {

		return '[Object PBDomCollection]';
	},

	/**
	 *
	 */
	invoke: function () {

		var args = PB.toArray(arguments),
			method = args.shift(),
			col = new PB.Collection(),
			i = 0;

		var pushToCol = function( current ) { col.push( current[method].apply( current, args ) ); };

		if( typeof PB.dom[method] !== 'function' ) {

			throw new TypeError('First arguments should be an PB.dom method. Method '+method+' given.')
		}

		for ( ; i < this.length; i++ ){

			if ( PB.type(this[i]) === 'PBDomCollection' ) {

				PB.toArray( this[i] ).forEach( pushToCol );

			} else if ( PB.type(this[i]) === 'PBDom' ) {

				col.push( this[i][method].apply( this[i], args ) );

			} else {

				this[i][method].apply( this[i], args );
			}
		}

		return (col.length) ? col : this;
	},

	/**
	 *
	 */
	push: function ( item ) {

		this[this.length++] = item;

		return this;
	},

	forEach: Array.prototype.forEach,
	filter: Array.prototype.filter,
	every: Array.prototype.every,
	map: Array.prototype.map,
	some: Array.prototype.some,
	indexOf: Array.prototype.indexOf
};

/**
 * Crossbrowser event handling and normalisation of event properties / methods.
 *
 * @todo mouseenter and mouseleave
 */


var _Event = {

	supportsMouseenterMouseleave: 'onmouseenter' in docElement && 'onmouseleave' in docElement,

	HTMLEvents: /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/,

	MouseEvents: /^(?:click|mouse(?:down|up|over|move|out))$/,

	manualExtend: false,

	/**
	 * Event cache
	 */
	cache: {},

	/**
	 * Create a wrapper that extend the event and triggers the callback
	 * called with the given context or node (W3C).
	 *
	 * @return function
	 */
	createResponder: function ( uid, type, originalType, handler, context ) {

		return function ( event ) {

			event = _Event.extend( event, uid );

			if( !_Event.supportsMouseenterMouseleave && originalType === 'mouseleave' ) {

				if( event.currentTarget.contains(event.relatedTarget) ) {

					return;
				}
			}

			handler.call( context || _Event.cache[uid].node, event );
		};
	},

	/**
	 * Purge events from given element
	 *
	 * @param number
	 * @return void
	 */
	purge: function ( uid ) {

		var cache = _Event.cache[uid],
			element,
			key;

		if( !cache ) {

			return;
		}

		element = PB(cache.node);

		for( key in cache ) {

			if( cache.hasOwnProperty(key) && key !== 'node' ) {

				element.off( key );
			}
		}

		delete _Event.cache[uid];

		cache.node = null;

		return;
	},

	/**
	 * Extend event object with functionality, on event fire
	 * this function will be called.
	 *
	 * For legacy browsers this also extend the event object with
	 * with de Event specications.
	 *
	 * Returns an extended Event object
	 *
	 * @param Event
	 * @param number
	 * @return Event
	 */
	extend: function ( event, uid ) {

		if( event.type.indexOf('touch') === 0 && event.touches[0] ) {

			event.touchX = event.touches[0].pageX;
			event.touchY = event.touches[0].pageY;
		}

		if( event.type === 'DOMMouseScroll' || event.type === 'mousewheel' || event.type === 'wheel' ) {

			event.wheel = event.wheelDelta ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
		}

		if( _Event.manualExtend === false ) {

			return event;
		}

		PB.overwrite( event, _Event.methods );

		event.target = event.srcElement || _Event.cache[uid].node;

		event.currentTarget = _Event.cache[uid].node;

		switch ( event.type ) {

			case 'mouseover':
			case 'mouseenter':
				event.relatedTarget = event.fromElement;
				break;

			case 'mouseout':
			case 'mouseleave':
				event.relatedTarget = event.toElement;
				break;
		}

		if( event.pageX === undefined ) {

			event.pageX = event.clientX + (docElement.scrollLeft || body.scrollLeft) - (docElement.clientLeft || 0);
			event.pageY = event.clientY + (docElement.scrollTop || body.scrollTop) - (docElement.clientTop || 0);
		}

		event.which = (event.keyCode === undefined) ? event.charCode : event.keyCode;

		event.which = (event.which === 0 ? 1 : (event.which === 4 ? 2: (event.which === 2 ? 3 : event.which)));

		return event;
	}
};

/**
 *
 */
_Event.methods = {

	/**
	 * Short for preventDefault and stopPropagation
	 *
	 * Tnx prototypejs! :)
	 */
	stop: function () {

		this.preventDefault();
	    this.stopPropagation();
	}
};

/**
 * Extend event prototype with DOM level 2 events
 */
if (window.addEventListener) {

	PB.overwrite(Event.prototype, _Event.methods);
}

/**
 * Add methods for non DOM level 2 events
 */
if( window.attachEvent && !window.addEventListener ) {

	_Event.manualExtend = true;

	PB.overwrite(_Event.methods, {

		/**
		 * Normalize stopPropagation
		 */
		stopPropagation: function () {

			this.cancelBubble = true;
		},

		/**
		 * Normalize stopPropagation
		 */
		preventDefault: function () {

			this.returnValue = false;
		}
	});
}

/**
 *
 */
PB.overwrite(PB.dom, {

	/**
	 * DOM event binding
	 *
	 * Example
	 *	PB('element').on('click', function ( e ){ alert(e.type) })
	 *
	 * @param string
	 * @param Function
	 * @param Object
	 * @return Dom
	 */
	on: function ( type, handler, context ) {

		var types = type.split(' ');

		if ( typeof handler !== 'function' ) {

			throw new TypeError('element.on(\''+type+'\'), handler is not a function');
		}

		if( types.length > 1 ) {

			types.forEach(function ( type ) {

				this.on( type, handler, context );
			}, this);
			return this;
		}

		var node = this.node,
			uid = node.__PBJS_ID__,
			events = _Event.cache[uid],
			originalType = type,
			eventsType,
			i;

		if( _Event.supportsMouseenterMouseleave === false ) {

			type = (type === 'mouseenter' ? 'mouseover' : (type === 'mouseleave' ? 'mouseout' : type));
		}

		if( !events ) {

			_Event.cache[uid] = events = {node: node};
		}

		if( !events[type] ) {

			events[type] = [];
		}

		eventsType = events[type];

		i = eventsType.length;

		while( i-- ) {

			if( eventsType[i].handler === handler ) {

				return this;
			}
		}

		var entry = {

			handler: handler,
			responder: _Event.createResponder( uid, type, originalType, handler, context )
		};

		eventsType.push( entry );

		if( node.addEventListener ) {

			node.addEventListener( type, entry.responder, false );
		} else {

			node.attachEvent( 'on'+type, entry.responder );
		}

		node = null;

		return this;
	},

	/**
	 * Bind the event, and removes it after use
	 *
	 * @param string
	 * @param Function
	 * @param Object
	 * @return Dom
	 */
	once: function ( types, handler, context ) {

		var me = this;

		types.split(' ').forEach(function ( type ) {

			var _handler = function () {

				me.off( type, _handler );

				handler.apply( context || me.node, PB.toArray(arguments) );
			};

			me.on(type, _handler);
		});

		return this;
	},

	/**
	 * Removes the given: (type + handler) or (type) or (all)
	 *
	 * @param string
	 * @param Function
	 * @return Dom
	 */
	off: function ( type, handler ) {

		var node = this.node,
			uid = node.__PBJS_ID__,
			events = _Event.cache[uid],
			eventsType,
			entry,
			i;

		if( !events ) {

			return this;
		}

		if( !type ) {

			_Event.purge( uid );
			return this;
		}

		eventsType = events[type];

		if( !eventsType ) {

			return this;
		}

		i = eventsType.length;

		if( !handler ) {

			while( i-- ) {

				this.off( type, eventsType[i].handler );
			}

			return this;
		}

		while( i-- ) {

			if( eventsType[i].handler === handler ) {

				entry = eventsType[i];
				eventsType.splice( i, 1 );

				if( !eventsType.length ) {

					delete _Event.cache[uid][type];
				}
				break;
			}
		}

		if( !entry ) {

			return this;
		}

		if( node.removeEventListener ) {

			node.removeEventListener( type, entry.responder, false );
		} else {

			node.detachEvent( 'on'+type, entry.responder );
		}

		node = null;

		return this;
	},

	/**
	 * Dispatch the event on the element
	 *
	 * @param string
	 * @return Dom
	 */
	emit: function ( type ) {

		var evt;

		if( _Event.HTMLEvents.test(type) || this.nodeName === 'INPUT' ) {

			this.node[type]();
		}
		else if( doc.createEvent ) {

			if ( _Event.MouseEvents.test(type) ) {

				evt = doc.createEvent('MouseEvents');

				evt.initMouseEvent(
					type, true, true, window,		// type, canBubble, cancelable, view,
					0, 0, 0, 0, 0,					// detail, screenX, screenY, clientX, clientY,
					false, false, false, false,		// ctrlKey, altKey, shiftKey, metaKey,
					0, null);						// button, relatedTarget

				this.node.dispatchEvent(evt);
			} else {

				evt = doc.createEvent('Events');

				evt.initEvent( type, true, true );

				this.node.dispatchEvent(evt);
			}
		}
		else {

			evt = doc.createEventObject();
			this.node.fireEvent('on'+type, evt);
		}

		return this;
	}
});

/**
 *
 */
PB.ready = (function () {

	var ready = doc.readyState === 'complete',
		queue = [];

	function execQueue () {

		var callback;

		ready = true;
		body = doc.body;

		while( callback = queue.shift() ) {

			callback();
		}
	}

	function domready () {

		try {

			doc.body.scrollLeft;
			execQueue();
		} catch ( e ) {

			setTimeout(domready, 16.7);
			return;
		}
	}

	if( doc.addEventListener ) {

		PB(doc).once('DOMContentLoaded', execQueue);
	} else {

		domready();
	}

	return function ( callback ) {

		if( !ready ) {

			return queue.push( callback );
		}

		callback();
	};
})();

PB.overwrite(PB.dom, {

	set: function ( key, value ) {

		this.storage[key] = value;

		return this;
	},

	get: function ( key ) {

		return this.storage[key];
	},

	unset: function ( key ) {

		return delete this.storage[key];
	},

	isset: function ( key ) {

		return this.storage[key] !== undefined;
	}
});

PB.overwrite(PB.dom, {

	/**
	 * Set/get/remove attribute
	 * null values will remove attribute
	 *
	 * @return mixed
	 */
	attr: function ( key, value ) {

		if( PB.type(key) === 'object' ) {

			PB.each(key, this.attr, this);
			return this;
		}

		if( value === undefined ) {

			return this.node.getAttribute(key);
		} else if ( value === null ) {

			this.node.removeAttribute(key);
		} else {

			this.node.setAttribute(key, value);
		}

		return this;
	},

	/**
	 * Set / get value from form element
	 */
	val: function ( value ) {

		if( value === undefined ) {

			return this.node.value;
		}

		this.node.value = value;

		return this;
	},

	/**
	 * Set or retrieve 'data-' attribute
	 */
	data: function ( key, value ) {

		return this.attr( 'data-'+key, value );
	},

	/**
	 * Select the content in the provided range
	 */
	select: function( start, length ) {

		var node = this.node,
			value = this.val(),
			range;

	    if ( value ) {

		    if ( !length ){ // default: select all

		        length = ( start ) ? start : value.length;
		        start = 0;
		    }

		    if ( node.createTextRange ) {

		        document.selection.empty();

		        range = node.createTextRange();

		        range.collapse( true );

		        range.moveStart( 'character', start );
		        range.moveEnd( 'character', start + length );
		        range.select();

		    } else {

		        window.getSelection().removeAllRanges();
			    node.setSelectionRange( start, start+length );
		    }
	    }
	}

});

var unit = /^-?[\d.]+px$/i,
	opacity = /alpha\(opacity=(.*)\)/i,
	noPixel = /(thin|medium|thick|em|ex|pt|%)$/,
	computedStyle = doc.defaultView && doc.defaultView.getComputedStyle,
	vendorDiv = doc.createElement('div'),
	supportsOpacity = vendorDiv.style.opacity !== undefined,
	supportsCssFloat = vendorDiv.style.cssFloat !== undefined,
	skipUnits = 'zIndex zoom fontWeight opacity',
	cssPrefixProperties = 'animationName transform transition transitionProperty transitionDuration transitionTimingFunction boxSizing backgroundSize boxReflect'.split(' '),
	cssPropertyMap = {},
	vendorPrefixes = 'O ms Moz Webkit'.split(' '),
	i = vendorPrefixes.length;

/**
 * Add prefixes to cssPropertyMap map if needed/supported
 */
cssPrefixProperties.forEach(function ( property ) {

	if( property in vendorDiv.style ) {

		return cssPropertyMap[property] = property;
	}

	var j = i,
		prop = property.charAt(0).toUpperCase()+property.substr(1);

	while( j-- ) {

		if( vendorPrefixes[j]+prop in vendorDiv.style ) {

			return cssPropertyMap[property] = vendorPrefixes[j]+prop;
		}
	}
});

cssPrefixProperties = vendorDiv = null;

PB.support.CSSTransition = !!cssPropertyMap.transition;
PB.support.CSSAnimation = !!cssPropertyMap.animationName;

/**
 * Add px numeric values
 */
function addUnits ( property, value ) {

	if( skipUnits.indexOf(property) >= 0 ) {

		return value;
	}

	return typeof value === 'string' ? value : value+'px';
}

/**
 * Remove units from px values
 */
function removeUnits ( value ) {

	return unit.test( value ) ? parseInt( value, 10 ) : value;
}

/**
 * Get the right property name for this browser
 */
function getCssProperty ( property ) {

	if( property === 'float' ) {

		property = supportsCssFloat ? 'cssFloat' : 'styleFloat';
	}

	return cssPropertyMap[property] || property;
}

PB.overwrite(PB.dom, {

	/**
	 * Set CSS styles
	 *
	 * @param object
	 * @return PB.Dom
	 */
	setStyle: function ( values ) {

		var property;

		if( arguments.length === 2 ) {

			var property = values;

			values = {};
			values[property] = arguments[1];
		}

		for( property in values ) {

			if( values.hasOwnProperty(property) ) {

				if( property === 'opacity' && !supportsOpacity ) {

					if( !this.node.currentStyle || !this.node.currentStyle.hasLayout ) {

						this.node.style.zoom = 1;
					}

					this.node.style.filter = 'alpha(opacity='+(values[property]*100)+')';
				} else {

					this.node.style[getCssProperty( property )] = addUnits( property, values[property] );
				}
			}
		}

		return this;
	},

	/**
	 * Get CSS style
	 *
	 * @param string
	 * @return number/string
	 */
	getStyle: function ( property, calculated ) {

		property = getCssProperty( property );

		var node = this.node,
			value = node.style[property],
			o;

		if( calculated || !value || value === 'auto' ) {

			if( computedStyle ) {

				value = doc.defaultView.getComputedStyle( node, null )[property];
			} else {

				value = node.currentStyle[property];

				if( noPixel.test(value) ) {

					var style = value.lastIndexOf('%') > -1 ? 'height: '+value : 'border: '+value+' solid #000; border-bottom-width: 0',
						div = PB('<div style="'+style+'; visibility: hidden; position: absolute; top: 0; line-height: 0;"></div>')
						.appendTo(body);

					value = div.node.offsetHeight;

					div.remove();

					return value;
				}
			}
		}

		if( property === 'opacity' ) {

			if( node.style.filter && (o = node.style.filter.match(opacity)) && o[1] ) {

				return parseFloat(o[1]) / 100;
			}

			return value ? parseFloat(value) : 1.0;
		}

		return value === 'auto' ? 0 : removeUnits(value);
	}
});

PB.browser.supportsCSSAnimation = !!cssPropertyMap['animationName'];

function morphArgs ( args ) {

	var options = {

		duration: .4,
		effect: 'ease'
	};

	for( var i = 1 ; i < args.length; i++ ) {

		switch( typeof args[i] ) {

			case 'function':
				options.callback = args[i];
				break;

			case 'number':
				options.duration = args[i];
				break;

			case 'string':
				options.effect = PB.String.decamelize(args[i]);
				break;
		}
	}

	return options;
}

/**
 * @todo add 'effect' arguments
 *
 * Firefox bug, https://bugzilla.mozilla.org/show_bug.cgi?id=604074
 * https://developer.mozilla.org/en-US/docs/CSS/transition-timing-function
 */
PB.dom.morph = PB.support.CSSTransition ?
function ( to ) {

	var me = this,
		options = morphArgs( arguments ),
		morph = this.get('__morph') || {},
		from = {};

	if( morph.running ) {

		this.stop(false, true);
	}

	morph.to = to;
	morph.callback = options.callback;
	morph.running = true;

	from.transition = 'all '+options.duration+'s '+options.effect+' 0s';

	PB.each(to, function ( property ) {

		from[property] = me.getStyle( property, true );
	});

	this.setStyle(from);

	PB.each(to, function ( property ) {

		me.getStyle( property, true );
	});

	/* Example code to force `GPU` */
	/*
	if( (to.left !== undefined && to.top !== undefined) && !to.transform ) {

		to.transform = 'translate('+addUnits('left', to.left)+', '+addUnits('top', to.top)+')';
		delete to.left;
		delete to.top;
	}
	*/

	me.setStyle(to);

	morph.endTimer = setTimeout(function() {

		if( !me.node ) {

			return;
		}

		morph.running = false;

		me.setStyle({

			transition: ''
		});

		if( options.callback ) {

			options.callback( me );
		}

	}, (options.duration*1000));

	this.set('__morph', morph);

	return this;
} :
function ( to ) {

	var options = morphArgs( arguments );

	this.setStyle(to);

	if( options.callback ) {

		options.callback( this );
	}
};

/**
 * Stop morphing
 *
 * @param {boolean} (optional)
 * @param {boolean} (optional)
 * @return this
 */
PB.dom.stop = function ( skipToEnd, triggerCallback ) {

	var me = this,
		morph = this.get('__morph');

	if( !morph || !morph.running ) {

		return this;
	}

	triggerCallback = (triggerCallback === undefined) ? true : !!triggerCallback;

	morph.running = false;

	clearTimeout( morph.endTimer );

	if( skipToEnd ) {

		PB.each(morph.to, function ( property ) {

			me.setStyle(property, '');
			me.getStyle(property, true);
		});
	}
	else {

		PB.each(morph.to, function ( property ) {

			morph.to[property] = me.getStyle(property, true);
		});
	}

	morph.to.transition = '';


	this.setStyle(morph.to);

	if( triggerCallback && morph.callback ) {

		morph.callback( this );
	}

	return this;
}

PB.overwrite(PB.dom, {

	/**
	 * Check if element has class
	 */
	hasClass: function ( className ) {

		return (new RegExp( "(^|\\s)"+className+"($|\\s)" )).test(this.node.className);
	},

	/**
	 * Add class to element
	 */
	addClass: function ( classNames ) {

		classNames = classNames.split(' ')

		for( var i = 0; i < classNames.length; i++ ) {

			if( this.hasClass(classNames[i]) ) {

				continue;
			}

			this.node.className += (this.node.className ? ' ' : '')+classNames[i];
		}

		return this;
	},

	/**
	 * Remove class from element
	 */
	removeClass: function ( classNames ) {

		var node = this.node,
			classes = node.className,
			className;

		classNames = classNames.split(' ')

		for( var i = 0; i < classNames.length; i++ ) {

			className = classNames[i];

			classes = classes.replace( new RegExp( "(^|\\s)"+className+"($|\\s)" ), ' ' );
			classes = classes.trim();
		}

		if( classes === '' ) {

			node.className = null;
		} else {

			node.className = classes;
		}

		return this;
	},

	/**
	 *
	 */
	show: function () {

		this.node.style.display = this.get('css-display') || 'block';

		return this;
	},

	hide: function () {

		var display = this.getStyle('display');

		if( display === 'none' ) {

			return this;
		}

		this.set('css-display', display);

		this.node.style.display = 'none';

		return this;
	},

	isVisible: function () {

		return this.getStyle('display') !== 'none' && this.getStyle('opacity') > 0;
	},

	getXY: function ( fromBody ) {


		var node = this.node,
			x = 0,
			y = 0;

		while( node ) {

			x += node.offsetLeft;
			y += node.offsetTop;

			node = node.offsetParent;

			if( !node || (!fromBody && Dom.get(node).getStyle('position') !== 'static') ) {

				break;
			}
		}

		return {

			left: x,
			top: y
		};
	},

	getScroll: function () {

		var node = this.node,
			scroll = {};

		if( node.nodeType === 9 || node === window ) {

			scroll.left = Math.max( docElement.scrollLeft, body.scrollLeft );
			scroll.top = Math.max( docElement.scrollTop, body.scrollTop );
		} else {

			scroll.left = node.scrollLeft;
			scroll.top = node.scrollTop;
		}

		return scroll;
	},

	width: function ( value ) {

		if( value !== undefined ) {

			return this.setStyle('width', value);
		}

		var node = this.node;


		if( node === window ) {

			return window.innerWidth || docElement.offsetWidth;
		} else if ( node.nodeType === 9 ) {

			return Math.max(docElement.clientWidth, body.scrollWidth, docElement.offsetWidth);
		}

		if( value = this.getStyle('width', true) && typeof value === 'number' ) {

			return value;
		}

		if( !this.isVisible() ) {

			this.show();
			value = node.offsetWidth;
			this.hide()
		} else {

			value = node.offsetWidth;
		}

		return value;
	},

	innerWidth: function () {

		return this.width() + (this.getStyle('paddingLeft', true) || 0) + (this.getStyle('paddingRight', true) || 0);
	},

	outerWidth: function () {

		return this.width() + (this.getStyle('borderLeftWidth', true) || 0) + (this.getStyle('borderRightWidth', true) || 0);
	},

	scrollWidth: function () {

		return this.node.scrollWidth;
	},

	height: function ( value ) {

		if( value !== undefined ) {

			return this.setStyle('height', value);
		}

		var node = this.node;

		if( node === window ) {

			return window.innerHeight || docElement.offsetHeight;
		} else if ( node.nodeType === 9 ) {

			return Math.max(docElement.clientHeight, body.scrollHeight, docElement.offsetHeight);
		}

		if( value = this.getStyle('height', true) && typeof value === 'number' ) {

			return value;
		}

		if( !this.isVisible() ) {

			this.show();
			value = node.offsetHeight;
			this.hide()
		} else {

			value = node.offsetHeight;
		}

		return value;
	},

	innerHeight: function () {

		return this.height() + (this.getStyle('paddingTop', true) || 0) + (this.getStyle('paddingBottom', true) || 0);
	},

	outerHeight: function () {

		return this.height() + (this.getStyle('borderTopWidth', true) || 0) + (this.getStyle('borderBottomWidth', true) || 0);
	},

	scrollHeight: function () {

		return this.node.scrollHeight;
	}
});

PB.each({ left: 'Left', top: 'Top' }, function ( lower, upper ) {

	PB.dom['scroll'+upper] =  function ( value ) {

		if( value !== undefined ) {

			var node = this.node;

			if( node === win || node === doc || node === docElement ) {

				window.scrollTo( lower === 'left' ? value : this.scrollLeft(), lower === 'top' ? value : this.scrollTop() );
			} else {

				node['scroll'+upper] = value;
			}

			return this;
		}

		return this.getScroll()[lower];
	}

	PB.dom[lower] = function ( fromBody ) {

		if( fromBody !== undefined && fromBody !== true ) {

			this.setStyle(lower, fromBody);

			return this;
		}

		return this.getXY(fromBody)[lower];
	}
});

PB.overwrite(PB.dom, {

	/**
	 * Retrieve parent node
	 *
	 * @return <PBDom>
	 */
	parent: function () {

		return Dom.get( this.node.parentNode );
	},

	/**
	 * Retrieve the first child that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	first: function () {

		var first = this.node.firstChild;

		while( first && first.nodeType !== 1 ) {

			first = first.nextSibling;
		}

		return first === null
			? null
			: Dom.get(first);
	},

	/**
	 * Retrieve the last child that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	last: function () {

		var last = this.node.lastChild;

		while( last && last.nodeType !== 1 ) {

			last = last.previousSibling;
		}

		return last === null
			? null
			: Dom.get(last);
	},

	/**
	 * Retrieve the next sibling that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	next: function () {

		var sibling = this.node;

		while( sibling = sibling.nextSibling ) {

			if( sibling.nodeType === 1 ) {

				return Dom.get( sibling );
			}
		}

		return null;
	},

	/**
	 * Retrieve the previous sibling that is an ELEMENT_NODE
	 *
	 * @return <PBDom>
	 */
	prev: function () {

		var sibling = this.node;

		while( sibling = sibling.previousSibling ) {

			if( sibling.nodeType === 1 ) {

				return Dom.get( sibling );
			}
		}

		return null;
	},

	/**
	 * Retrieve childs of the current node
	 *
	 * @return <PBDomCollection>
	 */
	childs: function () {

		var childs = new PB.Collection,	// new Collection
			node = this.first();

		if( node === null ) {

			return childs;
		}

		do {

			childs.push( node );
		} while ( node = node.next() );

		return childs;
	},

	/**
	 * Tries to find a matching parent that matches the given expression
	 *
	 * @param string CSS expression
	 * @param number max parents to crawl up
	 * @return <PBDom>
	 */
	closest: function ( expression, maxDepth ) {

		var node = this;

		maxDepth = maxDepth || 50;

		do {

			if( qwery.is( node.node, expression ) ) {

				return node;
			}

			if( !--maxDepth ) {

				break;
			}

		} while ( node = node.parent() );

		return null;
	},

	/**
	 * Current node is a descendant of the given element?
	 *
	 * @param string/node/PBDom
	 * @return boolean
	 */
	descendantOf: function ( element ) {

		element = Dom.get(element);

		return element
			? element.contains( this )
			: false;
	},

	/**
	 * Current node contains the given element?
	 *
	 * @param string/node/PBDom
	 * @return boolean
	 */
	contains: function ( element ) {

		var node = this.node;

		element = Dom.get(element).node;

		return node.contains
			? node !== element && node.contains( element )
			: !!(node.compareDocumentPosition( element ) & 16);
	},

	/**
	 * Find elements trough CSS expression, searching from within
	 * the current element.
	 *
	 * @param string
	 * @return <PBDomCollection>
	 */
	find: function ( expression ) {

		return new PB.Collection( qwery( expression, this.node ).map(Dom.get) );
	}
});

var tableInnerHTMLbuggie = false;

try {

	doc.createElement('table').innerHTML = '<tr></tr>';
} catch (e) {

	tableInnerHTMLbuggie = true;
}

PB.overwrite(PB.dom, {

	/**
	 * Append element to self
	 */
	append: function ( element ) {

		if( (element = Dom.get(element)) === null ) {

			return null;
		}

		this.node.appendChild( element.node );

		return this;
	},

	/**
	 * Append self to target element
	 */
	appendTo: function ( target ) {

		if( (target = Dom.get(target)) === null ) {

			return null;
		}

		target.append( this );

		return this;
	},

	/**
	 * Insert self before target element
	 */
	insertBefore: function ( target ) {

		if( (target = Dom.get(target)) === null ) {

			return null;
		}

		target.node.parentNode.insertBefore( this.node, target.node );

		return this;
	},

	/**
	 * Insert self after target element
	 */
	insertAfter: function ( target ) {

		if( (target = Dom.get(target)) === null ) {

			return null;
		}

		var next = target.next();

		if( next === null ) {

			target.parent().node.appendChild( this.node );
		} else {

			target.parent().node.insertBefore( this.node, next.node );
		}

		return this;
	},

	insertFirst: function ( target ) {

		if( (target = Dom.get(target)) === null ) {

			return null;
		}

		if( target.first() === null ) {

			target.append( this );
		} else {

			this.insertBefore( target.first() );
		}

		return this;
	},

	replace: function ( target ) {

		if( (target = Dom.get(target)) === null ) {

			return null;
		}

		this.insertBefore( target );

		target.remove();

		return this;
	},

	clone: function ( deep ) {

		var clone = this.node.cloneNode( deep ),
			childs = clone.getElementsByTagName('*'),
			length = childs,
			i = 0;

		clone.removeAttribute('id');
		clone.removeAttribute('__PBJS_ID__');

		for ( ; i < length; i++) {

			childs[i].removeAttribute('id');
			childs[i].removeAttribute('__PBJS_ID__');
		}

		this._flagged_ = true;

		return Dom.get(clone);
	},

	remove: function () {

		var node = this.node,
			pbid = node.__PBJS_ID__;

		if( this.get('__morph') ) {

			this.stop(false, false);
		}

		_Event.purge( pbid );

		if( node.parentNode ) {

			node.parentNode.removeChild( node );
		}

		this.node = this.storage = node = null;

		delete PB.cache[pbid];
	},

	empty: function () {

		this.html('');

		return this;
	},

	/**
	 * @todo script tags with src tag set should be appended to document
	 */
	html: function ( html, evalScripts ) {

		if( html === undefined ) {

			return this.node.innerHTML;
		}


		if( tableInnerHTMLbuggie ) {

			if( /^<(tbody|tr)>/i.test( html ) ) {

				var table = Dom.create('<table>'+html+'</table>');

				this.empty();

				(table.first().nodeName === 'TBODY' ? table.first() : table)
					.childs().invoke('appendTo', this);

				return this;
			}
			if ( /^<(td)>/i.test( html ) ) {

				var table = Dom.create('<table><tr>'+html+'</tr></table>');

				this.empty();

				table.find('td').invoke('appendTo', this);

				return this;
			}
			if( /(TBODY|TR|TD|TH|TABLE)/.test(this.nodeName) ) {

				this.childs().invoke('remove');

				return this;
			}
		}

		this.node.innerHTML = html;

		if( evalScripts ) {

			html = html.replace(/<script(?:\ssrc="(.*?)")*[^>]*>([\s\S]*?)<\/script>/ig, function ( match, src, text ) {

				if( src ) {

				} else if( text ) {

					PB.exec( text );
				}

				return '';
			});
		}

		return this;
	},

	text: function ( str ) {

		var node = this.node;

		if( str === undefined ) {

			return node.text || node.textContent || node.innerText || node.innerHTML || '';
		}

		this.empty();

		node.appendChild( doc.createTextNode( str ) );

		return this;
	}
});

PB.overwrite(PB.dom, {

	/**
	 * Serialize form element to object
	 *
	 * Tip: Http class can translate to string
	 *
	 * @return object
	 */
	serializeForm: function () {

		var node = this.node,
			elements = PB.toArray(node.elements),
			type,
			data = {},
			exclude = /file|undefined|reset|button|submit|fieldset/i,
			groups = /radio|checkbox/i,
			length;

		if( this.nodeName !== 'FORM' ) {

			throw new Error('Specify a form element to serialize');
		}

		elements.forEach(function ( element ){

			type = element.type;

			if( exclude.test(type) === false && !(groups.test(type) === true && !element.checked) ) {

				if( type === 'select-multiple' ) {

					data[element.name] = [];

					PB.toArray(element.options).forEach(function ( option ){

						if( option.selected ) {

							data[element.name].push( PB(option).val() );
						}
					});
				} else {

					data[element.name] = PB(element).val();
				}
			}
		});

		return data;
	}
});

function flagDom ( element ) {

	element._flagged_ = 1;
}

function unflagDom ( element ) {

	element._flagged_ = 0;
}

/**
 * Create html element(s) form string
 *
 * Table elements are not supported :(
 */
Dom.create = function ( chunk ) {

	var div = doc.createElement('div'),
		childs;

	div.innerHTML = chunk;

	childs = Dom.get(div).childs();

	div = null;

	childs.forEach( flagDom );

	setTimeout(function() {

		childs.forEach( unflagDom );
	}, 120000);

	if( childs.length === 1 ) {

		return childs[0];
	}

	return childs;
}

/**
 * Create html element(s) form string
 *
 * ** TEST **
 */
Dom.create2 = function ( chunk ) {

	var dummy;

	chunk = chunk.replace(/(?:\t|\r|\n|^\s|\s$)+/, '');

	dummy = document.createElement('div');

	/*
	console.log( chunk )

	if( /^<(?:td|tr|th)/.test(chunk) ) {


	} else {


	}
	*/




	fragment.appendChild(dummy);
}


PB.Net = {};

PB.overwrite(PB.Net, {

	/**
	 * Create uri string
	 *
	 * Should be optimized
	 *
	 * 	Example:
	 * 	{
	 * 		key1: "value1",
	 *		key2: ["val1", "val2", "val"]
	 *	}
	 *
	 *	Output:
	 *	key1=value1&key2[]=val1&key2[]=val2&key2[]=val3
	 */
	buildQueryString: function ( mixed, prefix ) {

		var query = '',
			isArray = false;

		if( !mixed ) {

			return mixed;
		}

		if( PB.is('Object', mixed) || (isArray = PB.is('Array', mixed)) ) {

			PB.each(mixed, function ( key, value ) {

				if( typeof value === 'object' && value !== null ) {

					query += PB.Net.buildQueryString( value, prefix ? prefix+'['+key+']' : key );
				} else {

					query += prefix
						? prefix+(isArray ? '[]' : '['+key+']')
						: key;

					query += '='+encodeURIComponent( value )+'&';
				}
			});
		} else {

			query = String(mixed);
			query = encodeURIComponent(query);
		}

		return prefix ? query : query.replace(/&$/, '');
	},

	/**
	 * Make object from query part of url
	 *
	 * @return object
	 */
	parseQueryString: function( str ) {

		var parts = {},
			part;

		str = str.indexOf('?') !== -1 ? str.substr( str.indexOf('?') + 1 ) : str;

		str.split('&').forEach(function ( entry ) {

			part = entry.split('=');

			parts[decodeURIComponent(part[0])] = decodeURIComponent(part[1]);
		});

		return parts;
    }
});

/**
 * Default Request values
 */
PB.Net.defaults = {

	url: null,
	data: null,
	method: 'GET',
	contentType: 'application/x-www-form-urlencoded',
	async: true,
	username: null,
	password: null,
	charset: 'UTF-8',
	headers: {
		'X-Requested-With': 'PBJS-'+PB.VERSION,
		'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
	},
	crossDomain: false
};

/**
 * @todo: Do something with different content-types? Like javascript/css/...
 */
PB.Request = PB.Class(PB.Observer, {

	isReusable: !(PB.browser.isIE && PB.browser.version <= 7),

	readyStateEvents: 'unsent opened headers loading end'.split(' '),

	/**
	 *
	 */
	construct: function ( options ) {

		this.parent();

		this.transport = false;

		PB.overwrite(this, PB.Net.defaults);
		PB.overwrite(this, options);
	},

	/**
	 * Set option
	 *
	 * data, headers, method, etc..
	 */
	set: function ( key, value ) {

		switch( key ) {

			case 'header':
			case 'headers':
				if( PB.is('Object', value) ) {

					PB.overwrite(this.headers, value);
				}
				break;

			default:
				this[key] = value;
				break;
		}

		return this;
	},

	/**
	 * Abstraction to get transport
	 */
	getTransport: function () {

		if( this.transport && this.isReusable ) {		// PB.supported.reuseRequest

			return this.transport;
		}

		if( this.transport ) {

			this.transport.abort();
		}

		if( window.XMLHttpRequest ) {

			return this.transport = new XMLHttpRequest();
		} else if ( ActiveXObject ) {

			return this.transport = new ActiveXObject('MSXML2.XMLHTTP.3.0');
		}

		throw new Error('Browser doesn`t support XMLHttpRequest');
	},

	/**
	 * Send request!
	 */
	send: function () {

		var async = this.async,
			request = this.getTransport(),
			url = this.url,
			method = this.method.toUpperCase(),
			params = this.data ? PB.Net.buildQueryString( this.data ) : null;

		if( params !== null && method !== 'POST' && method !== 'PUT' ) {

			url += (url.indexOf('?') === -1 ? '?' : '&')+params;
			params = null;
		}

		if( async ) {

			request.onreadystatechange = this.onreadystatechange.bind(this);
		}

		request.open( method, url, this.async );

		if( method === 'POST' || method === 'PUT' ) {

			request.setRequestHeader( 'Content-type', 'application/x-www-form-urlencoded; charset='+this.charset );
		}

		PB.each(this.headers, function( name, val ){

			request.setRequestHeader( name, val );
		});

		this.emit('send', this.transport);

		request.send( params );

		if( !async ) {

			this.onreadystatechange();
		}

		return this;
	},

	/**
	 * Abort the request
	 */
	abort: function () {

		this.transport.abort();

		this.emit('abort');

		return this;
	},

	/**
	 * Handle state changs
	 */
	onreadystatechange: function () {

		var request = this.transport;

		if( request.readyState === 4 ) {

			request.responseJSON = null;

			if( request.status >= 200 && request.status < 300 ) {

				if( request.getResponseHeader('Content-type').indexOf( 'application/json' ) >= 0 ) {

					request.responseJSON = JSON.parse( request.responseText );
				}

				this.emit( 'success', request, request.status );
			} else {

				this.emit( 'error', request, request.status );
			}
		}

		this.emit( this.readyStateEvents[request.readyState], request, request.readyState === 4 ? request.status : 0 );
	}
});


context.JSON || (context.JSON = {});

PB.extend(context.JSON, {

	stringify: function ( mixed ) {

		var jsonString = '',
			key,
			length;

		switch( toString.call(mixed) ) {

			case '[object Number]':
				jsonString += mixed;
				break;

			case '[object String]':
				jsonString += '"'+mixed+'"';
				break;

			case '[object Array]':
				jsonString += '[';

				for( key = 0, length = mixed.length; key < length; key++) {

					jsonString += JSON.stringify( mixed[key] )+', ';
				}

				jsonString = jsonString.trimRight(', ')+']';
				break;

			case '[object Object]':
				jsonString += '{';

				for( key in mixed ) {

					if( mixed.hasOwnProperty(key) ) {

						jsonString += '"'+key+'": '+JSON.stringify( mixed[key] )+', ';
					}
				}

				jsonString = jsonString.trimRight(', ')+'}';
				break;

			default:
				jsonString += 'null';
				break;
		}

		return jsonString;
	},

	parse: function ( text ) {

		if( /:[\t\s\n]*function/.test( text ) ) {

			return null;
		}

		return eval('('+text+')');
	}
});
/**
 * pbjs string methods
 */

function camelize ( match, chr ) {

	return chr ? chr.toUpperCase() : '';
}

function decamelize ( chr ) {

	return '-'+chr.toLowerCase();
}

PB.String = {

	/**
	 * Parse string to camelcase string
	 *
	 * border-color -> borderColor
	 */
	camelize: function ( str ) {

		return str.replace(/-+(.)?/g, camelize);
	},

	/**
	 *
	 *
	 * borderColor -> border-color
	 */
	decamelize: function ( str ) {

		return str.replace(/[A-Z]/g, decamelize);
	},

	/**
	 * http://simonwillison.net/2006/Jan/20/escape/
	 */
    escapeRegex: function( str ) {

		return str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
    }
};
/*
'asd-asd'.toCamelCase();

PB.Date('2012');
var name = PB.String.toCamelCase('name-last');
var name = 'name-last'.toCamelCase();
PB.Number(19);

var upperCase = PB.str.camelCase( 's-asdasd' );*/

PB.noConflict = function () {

	context.PB = old;

	return this;
};

return PB;
});

/*!
  * @preserve Qwery - A Blazing Fast query selector engine
  * https://github.com/ded/qwery
  * copyright Dustin Diaz & Jacob Thornton 2012
  * MIT License
  */

(function (name, definition, context) {
  if (typeof module != 'undefined' && module.exports) module.exports = definition()
  else if (typeof context['define'] == 'function' && context['define']['amd']) define(name, definition)
  else context[name] = definition()
})('qwery', function () {
  var doc = document
    , html = doc.documentElement
    , byClass = 'getElementsByClassName'
    , byTag = 'getElementsByTagName'
    , qSA = 'querySelectorAll'
    , useNativeQSA = 'useNativeQSA'
    , tagName = 'tagName'
    , nodeType = 'nodeType'
    , select // main select() method, assign later

    , id = /#([\w\-]+)/
    , clas = /\.[\w\-]+/g
    , idOnly = /^#([\w\-]+)$/
    , classOnly = /^\.([\w\-]+)$/
    , tagOnly = /^([\w\-]+)$/
    , tagAndOrClass = /^([\w]+)?\.([\w\-]+)$/
    , splittable = /(^|,)\s*[>~+]/
    , normalizr = /^\s+|\s*([,\s\+\~>]|$)\s*/g
    , splitters = /[\s\>\+\~]/
    , splittersMore = /(?![\s\w\-\/\?\&\=\:\.\(\)\!,@#%<>\{\}\$\*\^'"]*\]|[\s\w\+\-]*\))/
    , specialChars = /([.*+?\^=!:${}()|\[\]\/\\])/g
    , simple = /^(\*|[a-z0-9]+)?(?:([\.\#]+[\w\-\.#]+)?)/
    , attr = /\[([\w\-]+)(?:([\|\^\$\*\~]?\=)['"]?([ \w\-\/\?\&\=\:\.\(\)\!,@#%<>\{\}\$\*\^]+)["']?)?\]/
    , pseudo = /:([\w\-]+)(\(['"]?([^()]+)['"]?\))?/
    , easy = new RegExp(idOnly.source + '|' + tagOnly.source + '|' + classOnly.source)
    , dividers = new RegExp('(' + splitters.source + ')' + splittersMore.source, 'g')
    , tokenizr = new RegExp(splitters.source + splittersMore.source)
    , chunker = new RegExp(simple.source + '(' + attr.source + ')?' + '(' + pseudo.source + ')?')
    , walker = {
        ' ': function (node) {
          return node && node !== html && node.parentNode
        }
      , '>': function (node, contestant) {
          return node && node.parentNode == contestant.parentNode && node.parentNode
        }
      , '~': function (node) {
          return node && node.previousSibling
        }
      , '+': function (node, contestant, p1, p2) {
          if (!node) return false
          return (p1 = previous(node)) && (p2 = previous(contestant)) && p1 == p2 && p1
        }
      }

  function cache() {
    this.c = {}
  }
  cache.prototype = {
    g: function (k) {
      return this.c[k] || undefined
    }
  , s: function (k, v, r) {
      v = r ? new RegExp(v) : v
      return (this.c[k] = v)
    }
  }

  var classCache = new cache()
    , cleanCache = new cache()
    , attrCache = new cache()
    , tokenCache = new cache()

  function classRegex(c) {
    return classCache.g(c) || classCache.s(c, '(^|\\s+)' + c + '(\\s+|$)', 1)
  }

  function each(a, fn) {
    var i = 0, l = a.length
    for (; i < l; i++) fn(a[i])
  }

  function flatten(ar) {
    for (var r = [], i = 0, l = ar.length; i < l; ++i) arrayLike(ar[i]) ? (r = r.concat(ar[i])) : (r[r.length] = ar[i])
    return r
  }

  function arrayify(ar) {
    var i = 0, l = ar.length, r = []
    for (; i < l; i++) r[i] = ar[i]
    return r
  }

  function previous(n) {
    while (n = n.previousSibling) if (n[nodeType] == 1) break;
    return n
  }

  function q(query) {
    return query.match(chunker)
  }

  function interpret(whole, tag, idsAndClasses, wholeAttribute, attribute, qualifier, value, wholePseudo, pseudo, wholePseudoVal, pseudoVal) {
    var i, m, k, o, classes
    if (this[nodeType] !== 1) return false
    if (tag && tag !== '*' && this[tagName] && this[tagName].toLowerCase() !== tag) return false
    if (idsAndClasses && (m = idsAndClasses.match(id)) && m[1] !== this.id) return false
    if (idsAndClasses && (classes = idsAndClasses.match(clas))) {
      for (i = classes.length; i--;) if (!classRegex(classes[i].slice(1)).test(this.className)) return false
    }
    if (pseudo && qwery.pseudos[pseudo] && !qwery.pseudos[pseudo](this, pseudoVal)) return false
    if (wholeAttribute && !value) { // select is just for existance of attrib
      o = this.attributes
      for (k in o) {
        if (Object.prototype.hasOwnProperty.call(o, k) && (o[k].name || k) == attribute) {
          return this
        }
      }
    }
    if (wholeAttribute && !checkAttr(qualifier, getAttr(this, attribute) || '', value)) {
      return false
    }
    return this
  }

  function clean(s) {
    return cleanCache.g(s) || cleanCache.s(s, s.replace(specialChars, '\\$1'))
  }

  function checkAttr(qualify, actual, val) {
    switch (qualify) {
    case '=':
      return actual == val
    case '^=':
      return actual.match(attrCache.g('^=' + val) || attrCache.s('^=' + val, '^' + clean(val), 1))
    case '$=':
      return actual.match(attrCache.g('$=' + val) || attrCache.s('$=' + val, clean(val) + '$', 1))
    case '*=':
      return actual.match(attrCache.g(val) || attrCache.s(val, clean(val), 1))
    case '~=':
      return actual.match(attrCache.g('~=' + val) || attrCache.s('~=' + val, '(?:^|\\s+)' + clean(val) + '(?:\\s+|$)', 1))
    case '|=':
      return actual.match(attrCache.g('|=' + val) || attrCache.s('|=' + val, '^' + clean(val) + '(-|$)', 1))
    }
    return 0
  }

  function _qwery(selector, _root) {
    var r = [], ret = [], i, l, m, token, tag, els, intr, item, root = _root
      , tokens = tokenCache.g(selector) || tokenCache.s(selector, selector.split(tokenizr))
      , dividedTokens = selector.match(dividers)

    if (!tokens.length) return r

    token = (tokens = tokens.slice(0)).pop() // copy cached tokens, take the last one
    if (tokens.length && (m = tokens[tokens.length - 1].match(idOnly))) root = byId(_root, m[1])
    if (!root) return r

    intr = q(token)
    els = root !== _root && root[nodeType] !== 9 && dividedTokens && /^[+~]$/.test(dividedTokens[dividedTokens.length - 1]) ?
      function (r) {
        while (root = root.nextSibling) {
          root[nodeType] == 1 && (intr[1] ? intr[1] == root[tagName].toLowerCase() : 1) && (r[r.length] = root)
        }
        return r
      }([]) :
      root[byTag](intr[1] || '*')
    for (i = 0, l = els.length; i < l; i++) {
      if (item = interpret.apply(els[i], intr)) r[r.length] = item
    }
    if (!tokens.length) return r

    each(r, function(e) { if (ancestorMatch(e, tokens, dividedTokens)) ret[ret.length] = e })
    return ret
  }

  function is(el, selector, root) {
    if (isNode(selector)) return el == selector
    if (arrayLike(selector)) return !!~flatten(selector).indexOf(el) // if selector is an array, is el a member?

    var selectors = selector.split(','), tokens, dividedTokens
    while (selector = selectors.pop()) {
      tokens = tokenCache.g(selector) || tokenCache.s(selector, selector.split(tokenizr))
      dividedTokens = selector.match(dividers)
      tokens = tokens.slice(0) // copy array
      if (interpret.apply(el, q(tokens.pop())) && (!tokens.length || ancestorMatch(el, tokens, dividedTokens, root))) {
        return true
      }
    }
    return false
  }

  function ancestorMatch(el, tokens, dividedTokens, root) {
    var cand
    function crawl(e, i, p) {
      while (p = walker[dividedTokens[i]](p, e)) {
        if (isNode(p) && (interpret.apply(p, q(tokens[i])))) {
          if (i) {
            if (cand = crawl(p, i - 1, p)) return cand
          } else return p
        }
      }
    }
    return (cand = crawl(el, tokens.length - 1, el)) && (!root || isAncestor(cand, root))
  }

  function isNode(el, t) {
    return el && typeof el === 'object' && (t = el[nodeType]) && (t == 1 || t == 9)
  }

  function uniq(ar) {
    var a = [], i, j
    o: for (i = 0; i < ar.length; ++i) {
      for (j = 0; j < a.length; ++j) if (a[j] == ar[i]) continue o
      a[a.length] = ar[i]
    }
    return a
  }

  function arrayLike(o) {
    return (typeof o === 'object' && isFinite(o.length))
  }

  function normalizeRoot(root) {
    if (!root) return doc
    if (typeof root == 'string') return qwery(root)[0]
    if (!root[nodeType] && arrayLike(root)) return root[0]
    return root
  }

  function byId(root, id, el) {
    return root[nodeType] === 9 ? root.getElementById(id) :
      root.ownerDocument &&
        (((el = root.ownerDocument.getElementById(id)) && isAncestor(el, root) && el) ||
          (!isAncestor(root, root.ownerDocument) && select('[id="' + id + '"]', root)[0]))
  }

  function qwery(selector, _root) {
    var m, el, root = normalizeRoot(_root)

    if (!root || !selector) return []
    if (selector === window || isNode(selector)) {
      return !_root || (selector !== window && isNode(root) && isAncestor(selector, root)) ? [selector] : []
    }
    if (selector && arrayLike(selector)) return flatten(selector)
    if (m = selector.match(easy)) {
      if (m[1]) return (el = byId(root, m[1])) ? [el] : []
      if (m[2]) return arrayify(root[byTag](m[2]))
      if (hasByClass && m[3]) return arrayify(root[byClass](m[3]))
    }

    return select(selector, root)
  }

  function collectSelector(root, collector) {
    return function(s) {
      var oid, nid
      if (splittable.test(s)) {
        if (root[nodeType] !== 9) {
         if (!(nid = oid = root.getAttribute('id'))) root.setAttribute('id', nid = '__qwerymeupscotty')
         s = '[id="' + nid + '"]' + s // avoid byId and allow us to match context element
         collector(root.parentNode || root, s, true)
         oid || root.removeAttribute('id')
        }
        return;
      }
      s.length && collector(root, s, false)
    }
  }

  var isAncestor = 'compareDocumentPosition' in html ?
    function (element, container) {
      return (container.compareDocumentPosition(element) & 16) == 16
    } : 'contains' in html ?
    function (element, container) {
      container = container[nodeType] === 9 || container == window ? html : container
      return container !== element && container.contains(element)
    } :
    function (element, container) {
      while (element = element.parentNode) if (element === container) return 1
      return 0
    }
  , getAttr = function() {
      var e = doc.createElement('p')
      return ((e.innerHTML = '<a href="#x">x</a>') && e.firstChild.getAttribute('href') != '#x') ?
        function(e, a) {
          return a === 'class' ? e.className : (a === 'href' || a === 'src') ?
            e.getAttribute(a, 2) : e.getAttribute(a)
        } :
        function(e, a) { return e.getAttribute(a) }
   }()
  , hasByClass = !!doc[byClass]
  , hasQSA = doc.querySelector && doc[qSA]
  , selectQSA = function (selector, root) {
      var result = [], ss, e
      try {
        if (root[nodeType] === 9 || !splittable.test(selector)) {
          return arrayify(root[qSA](selector))
        }
        each(ss = selector.split(','), collectSelector(root, function(ctx, s) {
          e = ctx[qSA](s)
          if (e.length == 1) result[result.length] = e.item(0)
          else if (e.length) result = result.concat(arrayify(e))
        }))
        return ss.length > 1 && result.length > 1 ? uniq(result) : result
      } catch(ex) { }
      return selectNonNative(selector, root)
    }
  , selectNonNative = function (selector, root) {
      var result = [], items, m, i, l, r, ss
      selector = selector.replace(normalizr, '$1')
      if (m = selector.match(tagAndOrClass)) {
        r = classRegex(m[2])
        items = root[byTag](m[1] || '*')
        for (i = 0, l = items.length; i < l; i++) {
          if (r.test(items[i].className)) result[result.length] = items[i]
        }
        return result
      }
      each(ss = selector.split(','), collectSelector(root, function(ctx, s, rewrite) {
        r = _qwery(s, ctx)
        for (i = 0, l = r.length; i < l; i++) {
          if (ctx[nodeType] === 9 || rewrite || isAncestor(r[i], root)) result[result.length] = r[i]
        }
      }))
      return ss.length > 1 && result.length > 1 ? uniq(result) : result
    }
  , configure = function (options) {
      if (typeof options[useNativeQSA] !== 'undefined')
        select = !options[useNativeQSA] ? selectNonNative : hasQSA ? selectQSA : selectNonNative
    }

  configure({ useNativeQSA: true })

  qwery.configure = configure
  qwery.uniq = uniq
  qwery.is = is
  qwery.pseudos = {}

  return qwery
}, this);

</script>
<script type="text/javascript">/*!
 * pbPlayer v3.4.1
 * https://github.com/Pluxbox/pbPlayer
 *
 * Requires pbjs javascript framework (>= 0.5.7)
 * https://github.com/Saartje87/pbjs
 *
 * copyright 2011-2012, Pluxbox
 * MIT License
 */
(function ( context, undefined ){

"use strict";

if( context.PB === undefined ) {

	throw new Error('pbjs required. Visit https://github.com/Saartje87/pbjs for the latest release!');
}

if( context.PB.Player !== undefined ) {

	return;
}

var PB = context.PB,
	instances = [];

var PBPlayer = PB.Class(PB.Observer, {

	VERSION: '3.4.1',

	/**
	 *
	 */
	construct: function ( files, config ) {

		this.parent();

		this.plugin;

		this.position = 0;
		this.id = 'pb-player-'+PB.id();

		this.config = PB.overwrite(PB.overwrite({}, PB.Player.defaults), config);

		this.setMedia( files );

		if( this.config.renderTo ) {

			this.config.renderTo = PB(this.config.renderTo);
		} else {

			var script = document.getElementsByTagName('script');

			script = PB(script[script.length - 1]);

			this.config.renderTo = script.prev() || script.next() || script.parent();
		}

		if( this.config.skin ) {

			this.skin( this.config );
		}

		if( this.config.autostart ) {

			this.play();
		}

		PB.Player.instances[this.id] = this;
	},

	destroy: function () {

		if( this.plugin ) {

			this.plugin.destroy();
		}

		if( this.skin ) {

			try {

				this.skin.destroy();
			} catch (e) {};
			this.skin = null;
		}

		PB.Player.instances[this.id] = null;
	},

	setMedia: function ( files ) {

		if( PB.is('String', files) ) {

			files = [this.formatMediaObject({

				url: files
			})];

		} else if ( PB.is('Object', files) ) {

			files = [this.formatMediaObject(files)];
		}

		this.setPlaylist( files );
	},

	setPlaylist: function ( files ) {

		if( Array.isArray(files) === false ) {

			this.emit('error', {

				message: 'Given playlist is not an array'
			});

			return;
		}

		this.files = files.map(this.formatMediaObject);
	},

	skin: function ( config ) {

		if( !PB.Player.skins[ config.skin ] ) {

			throw new Error('Skin '+config.skin+' not found');

		} else {

			this.skin = new PB.Player.skins[ config.skin ]( this );

			var css = this.skin.css,
				js = this.skin.js,
				cache = this.skin.cache || {};

			if ( css ) {

				css = ( PB.is('Array', css) ) ? css : [ css ];

				css.forEach( function ( link ) {

					if ( cache[link] ) {

						return;
					}

					var reference = !PB(document).find('link').every( function ( current ) {

						if( current.attr('href').indexOf(link) > -1 ) {

							return false;
						}

						return true;
					});

					if ( !reference ){

						var linkTag = document.createElement('link');
						linkTag.setAttribute('rel', 'stylesheet');
						linkTag.setAttribute('type', 'text/css');
						linkTag.setAttribute('href', this.config.skinPath + link);

						document.getElementsByTagName('head')[0].appendChild( linkTag );
					}

					cache[link] = true;

				}.bind(this));
			}

			if ( js ) {

				js = ( PB.is('Array', js) ) ? js : [ js ];

				js.forEach( function ( link ){

					if ( cache[link] ) {

						return;
					}

					var reference = !PB(document).find('script').every(function ( current ) {

						if( current.attr('src') && current.attr('src').indexOf(link) > -1 ) {

							return false;
						}

						return true;
					});


					if ( !reference ){

						reference = PB('<script src="' + link + '">');
						PB(document.body).append( reference );
					}

					cache[link] = true;
				});
			}

			this.skin.destroy = function() {

				PB(config.renderTo).empty();
				this.skin = null;
			}

		}

	},

	formatMediaObject: function ( file ) {

		if( !file.codec ) {

			var url = file.url,
				codec,
				i;

			if( (i = url.indexOf('?')) > 0 ) {

				url = url.substr( 0, i );
			}

			if( (i = url.lastIndexOf('.')) > 0 ) {

				file.codec = url.substr( i+1 );
			} else {

				file.codec = 'mp3';
			}
		}

		if( !file.name ) {

			var pos = file.url.lastIndexOf('/');

			file.name = file.url.substr( pos === -1 ? 0 : (pos + 1) );
		}

		return file;
	},

	/**
	 * Event normalisation
	 */
	emit: function ( type, data ) {

		var me = this,
			e = PB.overwrite({

				type: type,
				target: me
			}, data);

		this.parent( type, e );
	},

	getPlugin: function () {

		if( this.plugin ) {

			return;
		}

		var files = this.current();

		if( PB.is('Object', files) ) {

			files = [files];
		}

		files.forEach(function ( file ){

			PB.each(PB.Player.plugins, function ( key, plugin ) {

				if( plugin.supports(file) ) {

					this.stream = !!file.stream;

					this.plugin = new PB.Player.plugins[key]( this );

					this.plugin.set( file.url );
					this.plugin.volume( this.config.volume );

					return true;
				}
			}, this);
		}, this);
	},

	/*
		Destroy the current plugin and plays the index.
	*/
	select: function( index ) {

		this.stop();
		this.plugin.destroy();
		delete this.plugin;

		this.position = index;

		this.emit( 'change' );

		this.play();
	},

	/*
		Playlist Helper
	*/
	current: function () {

		return this.files[this.position];
	},

	/**
	 * @todo: auto play is current is playing
	 */
	next: function () {

		if ( this.position >= this.files.length - 1 ){

			return;
		}

		if ( this.plugin ) {

			this.stop();
			this.plugin.destroy();
			delete this.plugin;
		}

		this.position += 1;
	},

	prev: function () {

		if ( this.position <= 0 ) {

			return;
		}

		if ( this.plugin ) {

			this.stop();
			this.plugin.destroy();
			delete this.plugin;
		}

		this.position -= 1;
	},

	play: function () {

		this.getPlugin();

		this.plugin.play();
	},

	pause: function () {

		this.getPlugin();

		this.plugin.pause();
	},

	stop: function () {

		this.getPlugin();

		this.plugin.stop();
	},

	volume: function ( volume ) {

		this.getPlugin();

		volume = parseInt(volume, 10);
		volume = ( volume < 0 ) ? 0 : ( volume > 100 ) ? 100 : volume;

		this.config.volume = volume;

		this.plugin.volume( volume );
	},

	mute: function () {

		this.getPlugin();

		this.plugin.mute();
	},

	unmute: function () {

		this.getPlugin();

		this.plugin.unmute();
	},

	playAt: function ( position ) {

		this.getPlugin();

		this.plugin.playAt( parseFloat(position) );
	}
});

PB.Player = function ( files, config ) {

	if( arguments.length == 1 ) {

		config = files;
	}

	return new PBPlayer( files, config );
};

PB.Player.instances = {};

PB.Player.plugins = {};

PB.Player.skins = {};

/**
 * Register containers to PB.Player
 */
PB.Player.register = function ( name, klasse ) {

	klasse.supports = klasse.prototype.supports;
	PB.Player.plugins[name] = klasse;
};

/**
 * Register containers to PB.Player
 */
PB.Player.registerSkin = function ( name, klasse ) {

	PB.Player.skins[name] = klasse;
};
/**
 * Defaults config for instances
 */
PB.Player.defaults = {

	swfPath: '/up/',
	skinPath: 'static/pbplayer/skins/',
	volume: 80,
	autostart: false,
	skin: false,
	renderTo: null,
	loop: false,
	simple: true,
	playlist: true
};

/**
 * Overwrite defaults
 */
PB.Player.config = function ( config ) {

	PB.overwrite(PB.Player.defaults, config);
}


var html5 = PB.Class({

	codecs: {

		mp3: 'audio/mpeg; codecs="mp3"',
		ogg: 'audio/ogg; codecs="vorbis"',
		opus: 'audio/ogg; codecs="opus"',
		aac: 'audio/aac; codecs="aac"'
	},

	NETWORK_ERROR: 'NETWORK_EMPTY NETWORK_IDLE NETWORK_LOADED NETWORK_LOADING NETWORK_NO_SOURCE'.split(' '),

	/**
	 * Html5 availeble and supports audio file?
	 */
	supports: function ( metadata ) {

		var codecs = html5.prototype.codecs;

		if( !window.Audio || !codecs[metadata.codec] ) {

			return false;
		}

		var audio = new window.Audio,
			ogg = ('no' != audio.canPlayType(codecs.ogg)) && ('' != audio.canPlayType(codecs.ogg)),
			mp3 = ('no' != audio.canPlayType(codecs.mp3)) && ('' != audio.canPlayType(codecs.mp3)),
			aac = ('no' != audio.canPlayType(codecs.aac)) && ('' != audio.canPlayType(codecs.aac));

		try {

			if( PB.browser.isSafari && !PB.browser.isNokiaBrowser ) {

				if( PB.browser.version <= 5.0 ) {

					return false;
				}
			}

		} catch (e){}

		var canPlay = audio.canPlayType( codecs[metadata.codec] );

		return canPlay === 'probably' || canPlay === 'maybe';
	},

	/**
	 *
	 */
	construct: function ( context ) {

        this._play = this.play.bind(this);

		this.context = context;

		this.element = PB('<audio preload="metadata" />');

		this.addEvents();

		this.element = this.element.appendTo(document.body).node;
	},

	/**
	 *
	 */
	destroy: function () {

		if( this.element && PB(this.element) ) {

			this.element.pause();
			this.element.src = '';

			PB(this.element).remove();
		}

		this.element = null;
		this.context = null;
	},

	/**
	 *
	 */
	addEvents: function () {

		this._progress = this.progress.bind(this);

		this.element
			.on('loadedmetadata', this.metadataLoaded.bind(this))
			.on('error pause play volumechange ended timeupdate', this.eventDelegation.bind(this));
	},

	metadataLoaded: function ( e ) {

		this.context.emit('duration', {

			length: this.element.duration
		});
	},

	progress: function ( e ) {

		var element = this.element,
			error = element ? element.error : null,
			buffered = element ? element.buffered : null;

		if( !element ) {

			return;
		}

		if( error !== null ) {

			this.context.emit('error', {

				code: this.element.error,
				message: this.NETWORK_ERROR[error]
			});

			return;
		}

		if( buffered.length ) {

			this.context.emit('progress', {

				loaded: Math.floor((buffered.end(0) / element.duration) * 100)
			});
		}


		if( element.readyState >= 3 ) {

			this.context.emit('progress', {

				loaded: 100
			});

			this.context.emit('loaded');

			return;
		}

		window.setTimeout(this._progress, 100);

		element = null;
	},

	eventDelegation: function ( e ) {

		var args = {};

		switch( e.type ) {

			case 'timeupdate':
				args.position = this.element.currentTime;
				args.progress = (this.element.currentTime*(100 / this.element.duration)) || 0;
				break;

			case 'volumechange':
				args.volume = this.element.muted
					? 0
					: parseInt(this.element.volume * 100, 10);
				break;
		}

		this.context.emit(e.type, args);
	},


	/**
	 * Set src
	 */
	set: function ( src ) {

		this.stop();

		this.element.src = src;

		this.progress();
	},

	/**
	 *
	 */
	play: function () {

		if ( navigator.userAgent.match(/(iPhone)|(iPad)/) ){

			this.element.play();
		}

        try {

            this.element.currentTime = this.element.currentTime;

            this.element.play();

        } catch ( e ) {

            setTimeout(this._play, 16.7);
        }

	},

	/**
	 *
	 */
	pause: function () {

		this.element.pause();
	},

	/**
	 *
	 */
	stop: function () {

		var src = this.element.src;

		this.element.pause();
		this.element.src = '';

		try { this.element.currentTime = 0; } catch (e){};

		this.element.src = src;

		this.context.emit('stop');
	},

	/**
	 *
	 */
	volume: function ( volume ) {

		this.element.volume = volume / 100;
	},

	/**
	 *
	 */
	mute: function () {

		 this.element.muted = true;
	},

	/**
	 *
	 */
	unmute: function () {

		this.element.muted = false;
	},

	/**
	 *
	 */
	playAt: function ( position ) {

		this.element.currentTime = position;
	}
});

PB.Player.register('html5', html5);

var flash = PB.Class({

	/**
	 * Flash installed? Version 9 is the required version
	 */
	supports: function ( metadata ) {

		var codecs = { mp3: true, mp4: true };

		return PB.support.flash && PB.support.flash >= 9 && codecs[metadata.codec];
	},

	/**
	 *
	 */
	construct: function ( context ) {

		var flashContainer = context.config.swfPath;

		this.context = context;

		this.maxTries = 25;		// 25 * 50 = 1250ms max time to load flash..
		this.queue = [];
		this.flashReady = false;

		if( context.config.stream ) {

//			flashContainer += 'pbstreamplayer.swf';
			flashContainer += 'ZghylytIyC_pbstreamplayer.swf';
		} else {

//			flashContainer += 'pbplayer.swf';
			flashContainer += 'ZghylytIsC_pbplayer.swf';

		}

		if( PB.browser.isIE ) {

			this.element = PB('<object id="'+this.context.id+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,40,0" width="0" height="0">'
					+'<param name="movie" value="'+flashContainer+'?ac='+Date.now()+'">'
					+'<param name="quality" value="high">'
					+'<param name="bgcolor" value="#FFFFFF">'
					+'<param name="allowScriptAccess" value="always">'
				+'</object>');
		}
		else {

			this.element = PB('<embed width="0" height="0" id="'+this.context.id+'" '
				+'src="'+flashContainer+'?ac='+Date.now()+'"'
				+'allowscriptaccess="always" type="application/x-shockwave-flash"'
				+'pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
		}

		this.element = this.element.appendTo(document.body).node;

		this._isLoaded = this.isLoaded.bind(this);
		this.isLoadedTimer = setInterval( this._isLoaded, 50 );
	},

	/**
	 * Check if flash is loaded, then execute queue
	 */
	isLoaded: function () {

		try {

			this.element._playerId( this.context.id );

			this.flashReady = true;
			this.queue.forEach(function ( item ){

				if( item.args === null ) {

					this[item.method].call(this);

				} else {

					this[item.method].call(this, Array.prototype.slice.call(item.args));
				}

			}, this);

			clearTimeout( this.isLoadedTimer );

		} catch (e){};

		if( !(--this.maxTries) ) {

			clearTimeout( this.isLoadedTimer );

			this.context.emit('error', {

				message: 'Flash file not found in `'+this.context.config.swfPath+'`',
				code: 404
			});
		}
	},

	/**
	 *
	 */
	destroy: function () {

		clearTimeout( this.isLoadedTimer );

		if( PB(this.element) ) {

			PB(this.element).remove();
		}

		this.element = null;
		this.context = null;
	},

	addToQueue: function ( method, args ) {

		this.queue.push({

			method: method,
			args: args || null
		});
	},


	/**
	 * Set src
	 */
	set: function ( src ) {

		if( !this.flashReady ) {

			this.addToQueue( 'set', arguments );
			return;
		}

		this.element._src( src );
	},

	/**
	 *
	 */
	play: function () {

		if( !this.flashReady ) {

			this.addToQueue( 'play' );
			return;
		}

		this.element._play();
	},

	/**
	 *
	 */
	pause: function () {

		if( !this.element._pause ) {

			return;
		}

		this.element._pause();
	},

	/**
	 *
	 */
	stop: function () {

		if( !this.flashReady ) {

			this.addToQueue( 'stop' );
			return;
		}

		this.element._stop();
	},

	/**
	 *
	 */
	volume: function ( volume ) {

		if( !this.flashReady ) {

			this.addToQueue( 'volume', arguments );
			return;
		}

		this.currentVolume = volume;

		this.element._volume( volume );
	},

	/**
	 *
	 */
	mute: function () {

		if( !this.flashReady ) {

			this.addToQueue( 'mute' );
			return;
		}

		this.element._volume( 0 );
	},

	/**
	 *
	 */
	unmute: function () {

		if( !this.flashReady ) {

			this.addToQueue( 'unmute' );
			return;
		}

		this.element._volume( this.currentVolume );
	},

	/**
	 *
	 */
	playAt: function ( position ) {

		if( !this.flashReady ) {

			this.addToQueue( 'playAt', arguments );
			return;
		}

		this.element._playAt( position );
	}
});

PB.Player.register('flash', flash);


})( this );

</script>
<script type="text/javascript" src="/up/ZqxsmduImF_max.js"></script>
<script type="text/javascript" src="/up/ZqxsmduIkF_max.js"></script>


<h2 class="titel"><span>Sterke Yerke</span></h2><div class="contentbodypane"><div class="topbanner"><div class="silverlightplayer">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="440" height="248">
<param name="source" value="http://embed.player.omroep.nl/sl/ugslplayer.xap"/>
<param name="enablehtmlaccess" value="true"/>
<param name="initParams" value="
 episodeID=13722380,
 fragmentID=,
 seriesID=,
 width=440,
 height=248,
 volume=100,
 viewMode=video,
 playMode=pause,
 playlistEnabled=no,
 playlistAdvanceEnabled=yes,
 playlistAdvanceDelaySeconds=5,
 startTime=,
 endTime=," />
<embed source="http://embed.player.omroep.nl/sl/ugslplayer.xap" type="application/x-silverlight-2" enablehtmlaccess="true" width="440" height="248" initParams="
 episodeID=13722380,
 fragmentID=,
 seriesID=,
 width=440,
 height=248,
 volume=100,
 viewMode=video,
 playMode=pause,
 playlistEnabled=no,
 playlistAdvanceEnabled=yes,
 playlistAdvanceDelaySeconds=5,
 startTime=,
 endTime=,">
<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">
<img src="http://embed.player.omroep.nl/sl/downloadsilverlight.jpg" alt="Get Microsoft Silverlight" style="border-style: none"/>
</a><br /><a href="http://player.omroep.nl/?aflID=13722380">Bekijk de video in andere formaten.</a>
</embed>
</object>
</div></div><div class="hoofdartikel">
<div class="ondertitel">Het zelfgemaakte vlot Sterke Yerke III heeft Curaçao 30 jaar geleden niet gehaald. Tijd voor een herkansing! En te gast Monique van de Ven.</div><img src="http://icon.omroep.nl/2010-10/TijdvoorMAXNEBO200x150.jpg" class="imgRight" align="right" />Op 1 augustus 1979 vertrekken twee jonge, Friese broers met twee vrienden op een zelfgemaakt vlot van Harlingen naar Curaçao. Met de eindstreep in zicht stranden de jongens bij de rotskust van Bonaire. Nu, meer dan 30 jaar later, zijn die jongens mannen en vinden ze het tijd voor een herkansing. <br /><br />Verder: <br />Wetenschapsjournalist Harm Oving over wit en bruin vet <br />De actualiteiten van de dag <br /><br />Te gast: Monique van de Ven. Vanaf maandag 30 januari 2012 speelt Monique de rol van dokter Deen in de gelijknamige serie.<div class="clear">&nbsp;</div>
</div><div class="subartikel">
<div class="subOndertitel"><b>Uitzending</b></div>
donderdag 26 januari 2012 17:35 uur, Nederland 2<br>
<div class="clear">&nbsp;</div>
</div><a name="fbrwvNsHnHUVmBhBIggxWtexWbC"></a>
<div class="subartikel first"><h3 class="subtitel">Te gast: Monique van de Ven</h3><div style="width:120px;overflow:hidden;" class="imgRight"><div style="width:120px;height:160px;background-image:url('/gx/ZqbwmlpIcvB.jpeg');"><span style="visibility:hidden;display:block;height:160px;">&nbsp;</span></div><div class="clear">&nbsp;</div><div class="imgComment" style="padding-top:5px;">Monique van de Ven (© MAX/Foto Daan Holthausen)</div><div class="clear">&nbsp;</div></div>Haar acteerdebuut maakt Monique van de Ven in 1971 in de film <EM>Turks fruit</EM>. Vanaf maandag 30 januari 2012, ruim 40 jaar en vele films later, is zij te zien in de nieuwe MAX-serie Dokter Deen. Hierin speelt zij de rol van huisarts Maria Deen op het Waddeneiland Vlieland. <br /><br /> <div class="interneLink"><a href="/?waxtrapp=nddvrNsHnHUVmBfBkFoD" target="_top"><img src="/gx/ZmwmgrsIyarB.gif" width="21" height="15" border="0" alt="" />&nbsp;<span>Gasten&nbsp;>&nbsp;Monique van de Ven</span></a></div> </div><div class="clear">&nbsp;</div><a name="gbrwvNsHnHUVmBhBIggxWtexWzB"></a>
<div class="subartikel"><h3 class="subtitel">Leger des Heils bestaat 125 jaar</h3><div style="width:140px;overflow:hidden;" class="imgRight"><div style="width:140px;height:150px;background-image:url('/gx/ZmkvampIyeB.png');"><span style="visibility:hidden;display:block;height:150px;">&nbsp;</span></div><div class="clear">&nbsp;</div><div class="imgComment" style="padding-top:5px;">(Bron Leger des Heils)</div><div class="clear">&nbsp;</div></div>Het Leger des heils in Nederland bestaat 125 jaar. The Christian Mission, later The Salvation Army, begint tijdens de industriële revolutie in Engeland. Oprichter William Booth probeert daar het geloof te verkondigen, maar ontdekt dat ‘hongerige magen geen oor hebben voor het evangelie’. Daarom start hij een soepkeuken. Het idee van een leger dat strijdt tegen lichamelijke en geestelijke honger, armoede en andere maatschappelijke wantoestanden, steekt in 1887 over naar Nederland. <br /><br />De eerste Nederlandse heilssoldaat was Gerrit Juriaan Govaars. Op 8 mei 1887 organiseert hij met enkele anderen de eerste Nederlandse samenkomst van het Leger des Heils. De bekendste officier van het Nederlandse Leger des Heils is Majoor Bosshardt. <br /><br />Te gast is commandant van het Leger des Heils, Hans van Vliet. <br /><br />Kijk voor meer informatie over het Leger des Heils en het 125-jarig bestaan op de website. <br /><span class="externeLink"><a href="http://www.legerdesheils.nl/" target="_blank" ><img src="/gx/ZmwmgrsIyarB.gif" width="21" height="15" border="0" alt="" />&nbsp;<span>Leger des Heils</span></a></span> </div><div class="clear">&nbsp;</div><a name="hbrwvNsHnHUVmBhBIggxWtexWxB"></a>
<div class="subartikel"><h3 class="subtitel">Sterke Yerke</h3><div style="width:196px;overflow:hidden;" class="imgRight"><div style="width:196px;height:110px;background-image:url('/gx/ZmkvampIyI.jpeg');"><span style="visibility:hidden;display:block;height:110px;">&nbsp;</span></div><div class="clear">&nbsp;</div><div class="imgComment" style="padding-top:5px;">Sterke Yerke (Bron sterkeyerke.nl)</div><div class="clear">&nbsp;</div></div>Op 1 augustus 1979 vertrekken twee jonge, Friese broers met twee vrienden op een zelfgemaakt vlot van Harlingen naar Curaçao. Meer dan 100 dagen zitten ze op zee met hun Sterke Yerke III. Met de eindstreep in zicht stranden de jongens bij de rotskust van Bonaire. Nu, meer dan 30 jaar later, zijn die jongens mannen en vinden ze het tijd voor een herkansing. <br /><br />Van dit verhaal wordt een film gemaakt. Voor de film moeten er vlotten gemaakt worden. Hierdoor zijn de broers gemotiveerd om de reis evengoed nog een keer te maken. Dit keer ook om aandacht te vragen voor een goed doel: de Plastic Soup in de Grote- en Stille Oceaan en de manier waarop we met afval omgaan. Zij hopen tevens jongeren te inspireren om avonturen te ondernemen in plaats van alleen maar achter hun computer te zitten. De broers hopen in mei 2012 de Waddenzee op te kunnen, in juli de Noordzee en in augustus 2012 naar London te kunnen voor de Olympische Spelen. Pas in november of december van 2012 kunnen zij de Grote Oceaan over. <br /><br />Te gast zijn de broers Guus en Chris Schweigmann. <br /><br />Kijk voor meer informatie over de Sterke Yerke op de website. <br /><span class="externeLink"><a href="http://www.sterkeyerke.nl/" target="_blank" ><img src="/gx/ZmwmgrsIyarB.gif" width="21" height="15" border="0" alt="" />&nbsp;<span>Sterke Yerke</span></a></span></div><div class="clear">&nbsp;</div><a name="ibrwvNsHnHUVmBhBIggxWtexWvB"></a>
<div class="subartikel"><h3 class="subtitel">Wit en bruin vet</h3><div style="width:196px;overflow:hidden;" class="imgRight"><div style="width:196px;height:110px;background-image:url('/gx/ZmkvampIaJ.jpeg');"><span style="visibility:hidden;display:block;height:110px;">&nbsp;</span></div><div class="clear">&nbsp;</div><div class="imgComment" style="padding-top:5px;">Harm Oving (© MAX/Foto Hans Vink)</div><div class="clear">&nbsp;</div></div>Bruin vet komt vooral voor bij zeehonden, walvissen en andere grote zoogdieren om hen warmt te houden. De (volwassen) mens heeft het ook. Wanneer we het koud krijgen verbrandt het lichaam een beetje bruin vet wat veel meer warmte geeft dan wit vet. Inmiddels is uit Zweeds onderzoek meer bekend geworden over de werking van bruin vet. <br /><br />Bruin vet heeft de kleur van gestolde jus doordat het veel ijzer bevat. Bij baby’s zit het op de romp en bij volwassenen vooral rond de hals en boven de sleutelbeenderen. We hebben er vrij weinig van, maar het heeft een hoge energiewaarde. Te vergelijken met de kerosine waar de motor van een vliegtuig op loopt en het witte vet als benzine in een stadsauto. Kerosine levert veel meer kracht dan benzine. <br /><br />Het menselijk lichaam maakt bruin vet zelf aan. Hiervoor is het hormoon irisine verantwoordelijk. Dat is in de week van 16 januari 2012 door Amerikaanse onderzoekers ontdekt. Bruine vet is populair geworden bij onderzoekers en mensen die zich met obesitas bezighouden. Want we verbranden meer energie met bruin vet en vallen er sneller van af. Wat ook is ontdekt is dat het witte vet op de buik en heupen een bepaalde stof aanmaakt dat de aanmaak van bruin vet afremt. Mogelijke oplossing is om het hormoon irisine dat bruin vet aanmaakt aan mensen met obesitas toe te dienen als medicijn waardoor men meer bruin vet krijgt dat beter verbrand en waardoor men afvalt. <br /><br />Zoals bij alle medicijnen gaan er een tiental jaren van testen of het wel veilig is overheen alvorens het op de markt verschijnt. Er is al eerder een stof ontdekt waarmee de maag tegen het brein zegt, ‘laat maat ik heb geen honger meer’. Maar veel dingen in het lichaam worden geregeld door twee of meer stofjes die in evenwicht werken. Dus wanneer we teveel van het ene stofje binnen krijgen gaat een ander dat compenseren. <br /><br />Te gast is wetenschapsjournalist Harm Oving.</div><div class="clear">&nbsp;</div> <a name="tfmcxNsHnHUVmBhBIggxWtexWtBN"></a> <script type="text/javascript" language="javascript">
var GallerytfmcxNsHnHUVmBhBIggxWtexWtBN = new Class( {
        // definieer class
        options: 
        {
          // object met preview image
          imgObj: 0,
          // transitie tijd
	  fadeTime: 0,
          // tijd dat preview wordt getoond tijdens diashow
  	  showTime: 0,
          // aantal thumbnails per overview pagina
          numThumbs: 0,
          // afmetingen van thumbs 
          thumbW: 0,
          thumbH: 0,
          // variabele om pagina number thumbs in te bewaren
          thePage: 0,
          // array met gepreloade preview foto's
          imageArray: new Array(),
          // variabele om ajax-request op te slaan
          ajReq: 0,
          // aantal images in hele collectie
          totImg: 0,
          // huidig getoonde image in slideshow
          curShowImg: 0,
          // nummer van huidig getoonde image in slideshow
          curShowCtr: 0,
          // bewaar timeout van slideshow
          curTO: 0,
          //onthoud of de slideshow aan is
          slideOn: 0,
          // variable om popup in te bewaren
          popup: 0,
          // variabele om te zien of we een pagina terug sprongen
          reversed: false
	},

        // initialize wordt aangeroepen als er een instantie van de class wordt gemaakt
	initialize:function(options)
	{
                // zorg dat de 'options' bereikbaar zijn
                this.setOptions(options);
                // zet het preview images object
		this.options.imgObj=$('previewimgtfmcxNsHnHUVmBhBIggxWtexWtBN');
                // lees transitie tijd uit settings object
		this.options.fadeTime=1000;
                // lees toon tijd uit settings object
		this.options.showTime=5000;
                // lees aantal thumbnals per pagina uit settings object
		this.options.numThumbs=4;
                // lees breedte van thumbnals uit settings object
		this.options.thumbW=65;
                // lees hoogte van thumbnals uit settings object
		this.options.thumbH=65;






                // en zet pagina nummer op 1
                this.options.thePage=1;
                // totaal aantal images wordt meegegeven bij initialisatie
                this.options.totImg=options;
                // zet huidig getoonde image op 1;
                this.options.curShowCtr=1;
                // check of de vorige / volgend link getoond moeten worden
                this.showNavLinks();
	},

        addImg:function(perref,url)
        {
               // voeg 1 foto toe aan array met gepreloade foto's
               this.options.imageArray[perref]= new Asset.image(url);
        },

        emptyArray:function()
        {
           // this.options.imageArray=new Array();
           for(imgkey in this.options.imageArray)
           {
              delete this.options.imageArray[imgkey];
           }
        },

        firstView:function()
        {
           // zet zichtbaarheid initiele foto (nog niet gebruikt)
           var myFx=new Fx.Style(
                      $('previewpanetfmcxNsHnHUVmBhBIggxWtexWtBN'), 
                      'opacity', 
                      {duration: this.options.fadeTime},
                      {transition: Fx.Transitions.sinusoidal}
                );
            myFx.start(0,1);

        },

  	setPreview:function (perref)
        // toon foto gedefinieerd door perRef
	{    
                // maak het gewenste effect
                var myFx=new Fx.Style(
                                    $('previewpanetfmcxNsHnHUVmBhBIggxWtexWtBN'), 
                                    'opacity', 
                                    {duration: this.options.fadeTime},
                                    {transition: Fx.Transitions.sinusoidal}
                );
                // start het effect, met de 'chain' zorgen we ervoor dat 
                // de volgende stappen pas worden genomen als de eerste klaar is
                myFx.start(1,0).chain(function (){
                     // foto is helmaal faded out, zet nieuwe image url
                     this.options.imgObj.src=this.options.imageArray[perref].src;
                     // herschrijf de download links
                     this.rewriteDownloads(perref);
                     // en fade de foto weer in
                     myFx.start(0,1);
                // de bind zorgt ervoor dat in de chain 'this' wijst naar de 
                //instantie van de class en niet naar de chain
                }.bind(this)); 
                // bewaar huidige plaatje voor de slideshow
                this.options.curShowImg=perref;
                
	},

        setQuickPreview:function (perref)
        // toon foto gedefinieerd door perRef zonder fade-in / fade-out effect
	{    
          // zet nieuwe image url
          this.options.imgObj.src=this.options.imageArray[perref].src;
          // herschrijf de download links
          this.rewriteDownloads(perref);
          // bewaar huidige plaatje voor de slideshow
          this.options.curShowImg=perref;      
	},
		
		
        showNavLinks: function(){
           // kijk of de vorige / volgende links getekend moeten worden



           // FH 2010-05-04 'vorige/volgende' springt 1 foto terug/vooruit
           // Toon daarom de knoppen bij een minimum aantal van 2 foto's in de collectie

           if (this.options.totImg > 1)
           {
             $('vorigeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'visible');
             $('volgendeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'visible');
           }
           else
           {
             $('vorigeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
             $('volgendeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
           }

/*------------ oude verschijn en verdwijn code ----------------------------

           if(this.options.thePage>1)
           {
              $('vorigeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'visible');
           }
           else
           {
             $('vorigeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
           }
           // toon of verberg 'volgende'-link
           // bereken maximaal aantal hele pagina's
           agV=Math.ceil(((this.options.totImg) / this.options.numThumbs));
           if(this.options.thePage <= agV)
           {
              $('volgendeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'visible');
           }
           else
           {
              $('volgendeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
           }

--------------------------------------------------------------------------*/

        },

        loadPage:function(fwd)
        // laad de volgende pagina met previews, gebruikt AJAX om de volgende thumbs op  te halen
        {
            // we halen eerst met een XML-request de gegevens op van de thumbs in de volgende pagina
            // url samenstellen
            nwPage=this.options.thePage;
            if(fwd=="n")
            {
              nwPage++;
            }
            if(fwd=="p")
            {
              nwPage--;

              // FH: zijn we op eerste pagina? spring dan naar laatste pagina
              if (nwPage == 0) nwPage = Math.ceil(this.options.totImg/this.options.numThumbs);
              this.options.reversed = true;
            }
            var xmlurl="/.xml?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&pane=cogvfDsHnHUVDQsWdWbBH&cGal=tfmcxNsHnHUVmBhBIggxWtexWtBN&cPage=";
            xmlurl+=nwPage;
            // bewaar de huidge pagina voor de navigatie
            this.options.thePage=nwPage;
            this.options.ajReq=new Ajax(xmlurl, {
                                method: 'get',
                                update: false,
                                // als het request klaar is, roepen we 'replaceThumbs()' aan
                                onComplete: function() { this.replaceThumbs(); }.bind(this)}).request();
            
        },

        replaceThumbs:function ()
        // wordt aangeroepen als het AJAX request voor het opvragen van de 
        // volgende pagina met thumbnails klaar is
        {
           // we willen het resultaat als xml
           xhresult=this.options.ajReq.response.xml;
           // het root element van de xml hebben we ook nodig
           xmlRoot=xhresult.documentElement;
           // we zetten de urls van de thumbnails in de array xhthumbs
           xhthumbs=xmlRoot.getElementsByTagName("thumburl");
           // we zetten de urls van de previews in de array xhurls
           xhurls=xmlRoot.getElementsByTagName("imgurl");
           // we zetten de perRef's in de array xhpers
           xhpers=xmlRoot.getElementsByTagName("imgperref");
           // we legen eerst de array met images
           this.emptyArray();
           // bewaar eerste plaatje van nieuwe pagina
           // maak het gewenste effect
           var myFx=new Fx.Style(
                                 $('thumboverviewtfmcxNsHnHUVmBhBIggxWtexWtBN'), 
                                 'opacity', 
                                 {duration: 500},
                                 {transition: Fx.Transitions.sinusoidal}
            );
             myFx.start(1,0).chain(function (){
               this.options.curShowImg=xhpers[0].firstChild.data;
               $('thumboverviewtfmcxNsHnHUVmBhBIggxWtexWtBN').innerHTML='';
               // string voor nieuwe html
               var nwHtml='';
               // haal aantal thumbnails uit settings-variabele
               for(t=0; t< this.options.numThumbs ;t++)
               {
                 idTh="thumb"+(t+1);
                 if(xhpers[t] && xhurls[t] && xhthumbs[t]) 
                 {
                   per=xhpers[t].firstChild.data;
                   url=xhurls[t].firstChild.data;
                   thumb=xhthumbs[t].firstChild.data;
                   // maak nieuwe preview images
                   this.options.imageArray[per]=new Asset.image(url);
                   // set de source van de thumbnail
                   nwHtml+='<span class="thumbwrapper"><a href="javascript:pageGallerytfmcxNsHnHUVmBhBIggxWtexWtBN.setPreview(\'';
                   nwHtml+=per;
                   nwHtml+='\');">';
                   nwHtml+='<img id="thumb';
                   nwHtml+=t;
                   nwHtml+='" width="';
                   nwHtml+=this.options.thumbW;
                   nwHtml+='" height="';
                   nwHtml+=this.options.thumbH;
                   nwHtml+='" src="';
                   nwHtml+=url;
                   nwHtml+='" name="galleryImage" style="display: block;"/></a></span>';
                 }
              }
              // toon eerste preview van deze pagina
              $('thumboverviewtfmcxNsHnHUVmBhBIggxWtexWtBN').innerHTML=nwHtml;
              myFx.start(0,1) }.bind(this)).chain(function (){
                   if (this.options.slideOn) {
                     this.setPreview(this.options.curShowImg);
                     $('vorigeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
                     $('volgendeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
                   }
                   else {
                     this.setQuickPreview(this.options.curShowImg);
                     // toon of verberg 'vorige'-link
                     this.showNavLinks();
                   }
              }.bind(this)); 
        },
        
        rewriteNav: function()
        // functie om de navigatie div te hertekenen
        {

        },

        rewriteDownloads: function(thumbID)
        // in deze functie halen we via een XML-request van de server de
        // gegevens over de mogelijke downloads en schrijven deze in de div 'downloadlinks'
        {
             var xmlurl="/.xml?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&pane=fogvfDsHnHUVDQsWdWbBF&cThumb=";
            xmlurl+=thumbID;
            // voer request uit, als we klaar zijn gaan we naar de functie
            this.options.ajReq=new Ajax(xmlurl, {
                                method: 'get',
                                update: false,
                                // als het request klaar is, roepen we 'replaceThumbs()' aan
                                onComplete: function() {this.replaceDowns()}.bind(this)}).request();
        },
        
        replaceDowns: function()
        // in de functie parseren we de ontvang XML met gegevens over de down te loaden
        // grote images
        {
           $('downloadstfmcxNsHnHUVmBhBIggxWtexWtBN').innerHTML="Request done...";;
	   // we willen het resultaat als xml
           xhresult=this.options.ajReq.response.xml;
           // het root element van de xml hebben we ook nodig
           xmlRoot=xhresult.documentElement;
           // we zetten de urls van de previews in de array xhurls
           xhurls=xmlRoot.getElementsByTagName("imgurl");
           // we zetten de perRef's in de array xhpers
           xhpers=xmlRoot.getElementsByTagName("imgperref");
           // we zetten ook de breedtes en hoogtes in aparte arrays, hebben
           // we nodig om de tekst in de link  te maken
           xhwidths=xmlRoot.getElementsByTagName("imgwidth");
           xhheights=xmlRoot.getElementsByTagName("imgheight");
           // lege string om mee te beginnen
           urlstr="";         
           for(t=0; t< xhpers.length ;t++)
           {
              // per thumb voegen we een link en een plaatje toe aan de HTML
              per=xhpers[t].firstChild.data;
              url=xhurls[t].firstChild.data;
              urlstr+=' <a class="gallery" href="javascript:pageGallerytfmcxNsHnHUVmBhBIggxWtexWtBN.openPopup(\'';
              urlstr+=url;
              urlstr+='\',';
              // breedte en hoogte voor de popup
              urlstr+=xhwidths[t].firstChild.data;
              urlstr+=',';
              urlstr+=xhheights[t].firstChild.data;
              urlstr+=');';
              urlstr+='">';
              // breedte x hoogte als klikbare tekst
              urlstr+=xhwidths[t].firstChild.data;
              urlstr+='x';
              urlstr+=xhheights[t].firstChild.data;
              urlstr+='</a>';
           } 
           $('downloadstfmcxNsHnHUVmBhBIggxWtexWtBN').innerHTML=urlstr;
        },

        openPopup:function(url, wf, hf)
        // open gecentreerde popup, krijgt url, breedte en hoogte
        {
              var width;
              var height;
              if(wf==0)
              {
                width=screen.width;
              }
              else
              {
                width=wf;
              }
              if(hf==0)
              {
                height=screen.height;
              }
              else
              {
                height=hf;
              }
              var px=(screen.width-width)/2;
              var py=(screen.height-height)/2;
              var name="wallpaper";
              var opts = "resizable=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no";
              opts += ',top=' +py+',left='+px+',width=' + width + ',height=' + height;
              this.options.popup = open(url, name, opts);
              if (this.options.popup)
              {
	             this.options.popup.focus();
              }
        },

	startShow:function ()
        // functie om diashow te starten
	{
           //onthoud dat de slideshow aan is
           this.options.slideOn=1;
           // verander 'start'-link in 'stop'-link
           $('controlpanetfmcxNsHnHUVmBhBIggxWtexWtBN').innerHTML='<a class="gallery" href="javascript:pageGallerytfmcxNsHnHUVmBhBIggxWtexWtBN.stopShow();">Stop</a>';
           // verberg de linkjes voor vorige/volgende pagina met thumbs
           $('vorigeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
           $('volgendeLinktfmcxNsHnHUVmBhBIggxWtexWtBN').setStyle('visibility', 'hidden');
           // toon eerst volgende praatje
           this.doShow();
           // roep de 'doShow'-functie periodiek aan zodat telkens het volgende plaatje verschijnt
           this.options.curTO=this.doShow.periodical(this.options.showTime, this);
	},
	
        doShow: function()
        // functie om automatisch volgende plaatje te tonen
        {
           var curFound=0;
           var keyctr=0;
           var nextImg;
           // we gaan alle elementen in de image array af
           for (imgkey in this.options.imageArray)
           {
             // we willen alleen die dingen die GEEN functie zijn
             if($type(this.options.imageArray[imgkey])!='function')
             {
               // als we bij eerste element van array zijn, bewaar dan identifier van eerste plaatje
               if(keyctr==0)
               {
                  nextImg=imgkey;
               } 
               // als de variable curShowImg niet is gezet is er nog niet op een thumbnail geklikt
               // en zijn we per definitie op het eerste plaatje
               if(this.options.curShowImg==0)
               {
                 this.options.curShowImg=nextImg;
               }
               // als we het huidige getoonde plaatje hebben gevonden zetten we verderop een variabele op 1
               // en weten we hier dat bij de vorige loop de huidige plaatje gevonden was
               // dat betekend dat we nu het volgende plaatje hebben
               if(curFound==1)
               {
                  nextImg=imgkey;
                  // zet de flag-variabele op een waarde die geen kwaad kan
                  curFound=2;
                  // onthoud op welke thumbnail we nu zijn
                  this.options.curShowCtr=this.options.numThumbs*(this.options.thePage-1)+keyctr+1;
               }
               // als we bij het huidig getoonde plaatje zijn, zet dan een flag variabele zodat
               // we bij de volgende iteratie weten dat we het volgende te tonen plaatje kunnen opslaan
               if(imgkey==this.options.curShowImg)
               {
                 curFound=1;
               }
               // verhoog de teller, let op: dit doen we alleen als we geen functie maar een element
               // van de array gevonden hebben, anders werkt het niet
               keyctr++;
             }
           }
           // we hebben het volgende plaatje gevonden, gebruik de setPreview functie om het 
           // plaatje te tonen
           if (curFound==2) this.setPreview(nextImg); 
           // Als currFound !=2 dan is het huidige plaatje het laatste plaatje van de pagina
           // en moeten we naar de volgende pagina
           else if (this.options.numThumbs*(this.options.thePage-1)+keyctr==this.options.totImg) 
           {
             // Als we bij het laatste plaatje van de laatste 
             // pagina zijn gaan we weer naar de eerste pagina
             this.options.curShowCtr=1;
             this.options.thePage=0;
             this.loadPage('n');
           } 
           else 
           {
             // Als we bij het laatste plaatje van deze pagina zijn gaan we naar de volgende pagina
             this.options.curShowCtr++;
             this.loadPage('n');
           };
        },


        doShowPrevious: function()
        // functie om automatisch vorige plaatje te tonen
        {
          var indexedArray = [];

          for (imgkey in this.options.imageArray)
          {
            if($type(this.options.imageArray[imgkey]) != 'function')
            {
              indexedArray.push(imgkey);
            }
          }
          //alert (this.options.curShowImg + ' | ' + indexedArray.join(', '));

          var curFound=0;
          var keyctr=0;
          var nextImg;

          for (var i=indexedArray.length-1; i>=0; i--)
          {
            // als we het huidige getoonde plaatje hebben gevonden zetten we verderop een variabele op 1
            // en weten we hier dat bij de vorige loop de huidige plaatje gevonden was
            // dat betekend dat we nu het volgende plaatje hebben
            if (curFound==1)
            {
              nextImg=indexedArray[i];

              // zet de flag-variabele op een waarde die geen kwaad kan
              curFound=2;

              // onthoud op welke thumbnail we nu zijn
              this.options.curShowCtr=this.options.numThumbs*(this.options.thePage-1)+i-1;
            }

            // als we bij het huidig getoonde plaatje zijn, zet dan een flag variabele zodat
            // we bij de volgende iteratie weten dat we het volgende te tonen plaatje kunnen opslaan
            if (indexedArray[i] == this.options.curShowImg)
            {
              curFound=1;
            }
          }
          // we hebben het vorige plaatje gevonden, gebruik de setPreview functie om het 
          // plaatje te tonen

          if (curFound==2) this.setPreview(nextImg);

          // Als currFound !=2 dan is het huidige plaatje het eerste plaatje van de pagina
          // en moeten we naar de vorige pagina

          else 
          {
            // Als we bij het laatste plaatje van deze pagina zijn gaan we naar de volgende pagina
            this.options.curShowCtr++;
            this.loadPage('p');
          };
        },

        stopShow:function ()
        // functie om de diashow te stoppen
        {
           //onthoud dat de slideshow uit is
           this.options.slideOn=0;
           // we clearen de timeout zodat de periodieke aanroep gecancelled wordt
           this.options.curTO = $clear(this.options.curTO); 
           // teken de vorige/volgende links indien nodig
           this.showNavLinks();
           // verander de 'stop'-link weer terug in een 'start'-link
           $('controlpanetfmcxNsHnHUVmBhBIggxWtexWtBN').innerHTML='<a class="gallery" href="javascript:pageGallerytfmcxNsHnHUVmBhBIggxWtexWtBN.startShow();">Diashow</a>';
        }

});

GallerytfmcxNsHnHUVmBhBIggxWtexWtBN.implement(new Options, new Events);

var GalleryMaxtfmcxNsHnHUVmBhBIggxWtexWtBN = GallerytfmcxNsHnHUVmBhBIggxWtexWtBN.extend({
	// Extra opties
	options: {
		imgTitel : "naamloos",
		showDownloadLink : "false"
	},
	
	initialize: function(options){
		this.parent(options);
		this.setOptions(options);
		this.options.imgTitel=$('imageTiteltfmcxNsHnHUVmBhBIggxWtexWtBN');
                this.options.imgComment=$('imageCommenttfmcxNsHnHUVmBhBIggxWtexWtBN');
		this.showDownloadLink = this.options.showDownloadLink;
		
	},

        replaceDowns: function()
        // in de functie parseren we de ontvang XML met gegevens over de down te loaden
        // grote images
        {
           $('downloadstfmcxNsHnHUVmBhBIggxWtexWtBN').innerHTML="Request done...";;
	   // we willen het resultaat als xml
           xhresult=this.options.ajReq.response.xml;
           // het root element van de xml hebben we ook nodig
           xmlRoot=xhresult.documentElement;
           // we zetten de urls van de previews in de array xhurls
           xhurls=xmlRoot.getElementsByTagName("imgurl");
           // we zetten de perRef's in de arrHTTP/1.0 200 OK
Server: WAXTRAPP Web Application Server
Pragma: no-cache
Cache-Control: no-cache
Date: Tue, 18 Jun 2013 22:58:03 GMT
Set-Cookie: uid=shbbjiE; path=/
Set-Cookie: predestination=max2a; path=/
Content-Length: 218669
Content-Type: text/html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tijd voor MAX - Sterke Yerke</title>

<script type="text/javascript" src="/up/ZszhflmIO_mootools111.js"></script>

<script src="/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&pane=zusffDsHnHUVDKGqCzC" type="text/javascript" language="javascript"></script> 

<link rel="stylesheet" type="text/css" href="/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&amp;pane=snxojLsHnHUVDMLAA" />


<style type="text/css"><!--

-->
</style>

<script language="javascript" type="text/javascript">
<!--

/**
 * SWFObject v1.5: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2007 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 */
if(typeof deconcept == "undefined") var deconcept = new Object();
if(typeof deconcept.util == "undefined") deconcept.util = new Object();
if(typeof deconcept.SWFObjectUtil == "undefined") deconcept.SWFObjectUtil = new Object();
deconcept.SWFObject = function(swf, id, w, h, ver, c, quality, xiRedirectUrl, redirectUrl, detectKey) {
	if (!document.getElementById) { return; }
	this.DETECT_KEY = detectKey ? detectKey : 'detectflash';
	this.skipDetect = deconcept.util.getRequestParameter(this.DETECT_KEY);
	this.params = new Object();
	this.variables = new Object();
	this.attributes = new Array();
	if(swf) { this.setAttribute('swf', swf); }
	if(id) { this.setAttribute('id', id); }
	if(w) { this.setAttribute('width', w); }
	if(h) { this.setAttribute('height', h); }
	if(ver) { this.setAttribute('version', new deconcept.PlayerVersion(ver.toString().split("."))); }
	this.installedVer = deconcept.SWFObjectUtil.getPlayerVersion();
	if (!window.opera && document.all && this.installedVer.major > 7) {
		// only add the onunload cleanup if the Flash Player version supports External Interface and we are in IE
		deconcept.SWFObject.doPrepUnload = true;
	}
	if(c) { this.addParam('bgcolor', c); }
	var q = quality ? quality : 'high';
	this.addParam('quality', q);
	this.setAttribute('useExpressInstall', false);
	this.setAttribute('doExpressInstall', false);
	var xir = (xiRedirectUrl) ? xiRedirectUrl : window.location;
	this.setAttribute('xiRedirectUrl', xir);
	this.setAttribute('redirectUrl', '');
	if(redirectUrl) { this.setAttribute('redirectUrl', redirectUrl); }
}
deconcept.SWFObject.prototype = {
	useExpressInstall: function(path) {
		this.xiSWFPath = !path ? "expressinstall.swf" : path;
		this.setAttribute('useExpressInstall', true);
	},
	setAttribute: function(name, value){
		this.attributes[name] = value;
	},
	getAttribute: function(name){
		return this.attributes[name];
	},
	addParam: function(name, value){
		this.params[name] = value;
	},
	getParams: function(){
		return this.params;
	},
	addVariable: function(name, value){
		this.variables[name] = value;
	},
	getVariable: function(name){
		return this.variables[name];
	},
	getVariables: function(){
		return this.variables;
	},
	getVariablePairs: function(){
		var variablePairs = new Array();
		var key;
		var variables = this.getVariables();
		for(key in variables){
			variablePairs[variablePairs.length] = key +"="+ variables[key];
		}
		return variablePairs;
	},
	getSWFHTML: function() {
		var swfNode = "";
		if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { // netscape plugin architecture
			if (this.getAttribute("doExpressInstall")) {
				this.addVariable("MMplayerType", "PlugIn");
				this.setAttribute('swf', this.xiSWFPath);
			}
			swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'" style="'+ this.getAttribute('style') +'"';
			swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';
			var params = this.getParams();
			 for(var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }
			var pairs = this.getVariablePairs().join("&");
			 if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }
			swfNode += '/>';
		} else { // PC IE
			if (this.getAttribute("doExpressInstall")) {
				this.addVariable("MMplayerType", "ActiveX");
				this.setAttribute('swf', this.xiSWFPath);
			}
			swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'" style="'+ this.getAttribute('style') +'">';
			swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />';
			var params = this.getParams();
			for(var key in params) {
			 swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';
			}
			var pairs = this.getVariablePairs().join("&");
			if(pairs.length > 0) {swfNode += '<param name="flashvars" value="'+ pairs +'" />';}
			swfNode += "</object>";
		}
		return swfNode;
	},
	write: function(elementId){
		if(this.getAttribute('useExpressInstall')) {
			// check to see if we need to do an express install
			var expressInstallReqVer = new deconcept.PlayerVersion([6,0,65]);
			if (this.installedVer.versionIsValid(expressInstallReqVer) && !this.installedVer.versionIsValid(this.getAttribute('version'))) {
				this.setAttribute('doExpressInstall', true);
				this.addVariable("MMredirectURL", escape(this.getAttribute('xiRedirectUrl')));
				document.title = document.title.slice(0, 47) + " - Flash Player Installation";
				this.addVariable("MMdoctitle", document.title);
			}
		}
		if(this.skipDetect || this.getAttribute('doExpressInstall') || this.installedVer.versionIsValid(this.getAttribute('version'))){
			var n = (typeof elementId == 'string') ? document.getElementById(elementId) : elementId;
			n.innerHTML = this.getSWFHTML();
			return true;
		}else{
			if(this.getAttribute('redirectUrl') != "") {
				document.location.replace(this.getAttribute('redirectUrl'));
			}
		}
		return false;
	}
}

/* ---- detection functions ---- */
deconcept.SWFObjectUtil.getPlayerVersion = function(){
	var PlayerVersion = new deconcept.PlayerVersion([0,0,0]);
	if(navigator.plugins && navigator.mimeTypes.length){
		var x = navigator.plugins["Shockwave Flash"];
		if(x && x.description) {
			PlayerVersion = new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/, "").replace(/(\s+r|\s+b[0-9]+)/, ".").split("."));
		}
	}else if (navigator.userAgent && navigator.userAgent.indexOf("Windows CE") >= 0){ // if Windows CE
		var axo = 1;
		var counter = 3;
		while(axo) {
			try {
				counter++;
				axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+ counter);
//				document.write("player v: "+ counter);
				PlayerVersion = new deconcept.PlayerVersion([counter,0,0]);
			} catch (e) {
				axo = null;
			}
		}
	} else { // Win IE (non mobile)
		// do minor version lookup in IE, but avoid fp6 crashing issues
		// see http://blog.deconcept.com/2006/01/11/getvariable-setvariable-crash-internet-explorer-flash-6/
		try{
			var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
		}catch(e){
			try {
				var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
				PlayerVersion = new deconcept.PlayerVersion([6,0,21]);
				axo.AllowScriptAccess = "always"; // error if player version < 6.0.47 (thanks to Michael Williams @ Adobe for this code)
			} catch(e) {
				if (PlayerVersion.major == 6) {
					return PlayerVersion;
				}
			}
			try {
				axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			} catch(e) {}
		}
		if (axo != null) {
			PlayerVersion = new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));
		}
	}
	return PlayerVersion;
}
deconcept.PlayerVersion = function(arrVersion){
	this.major = arrVersion[0] != null ? parseInt(arrVersion[0]) : 0;
	this.minor = arrVersion[1] != null ? parseInt(arrVersion[1]) : 0;
	this.rev = arrVersion[2] != null ? parseInt(arrVersion[2]) : 0;
}
deconcept.PlayerVersion.prototype.versionIsValid = function(fv){
	if(this.major < fv.major) return false;
	if(this.major > fv.major) return true;
	if(this.minor < fv.minor) return false;
	if(this.minor > fv.minor) return true;
	if(this.rev < fv.rev) return false;
	return true;
}
/* ---- get value of query string param ---- */
deconcept.util = {
	getRequestParameter: function(param) {
		var q = document.location.search || document.location.hash;
		if (param == null) { return q; }
		if(q) {
			var pairs = q.substring(1).split("&");
			for (var i=0; i < pairs.length; i++) {
				if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
					return pairs[i].substring((pairs[i].indexOf("=")+1));
				}
			}
		}
		return "";
	}
}
/* fix for video streaming bug */
deconcept.SWFObjectUtil.cleanupSWFs = function() {
	var objects = document.getElementsByTagName("OBJECT");
	for (var i = objects.length - 1; i >= 0; i--) {
		objects[i].style.display = 'none';
		for (var x in objects[i]) {
			if (typeof objects[i][x] == 'function') {
				objects[i][x] = function(){};
			}
		}
	}
}
// fixes bug in some fp9 versions see http://blog.deconcept.com/2006/07/28/swfobject-143-released/
if (deconcept.SWFObject.doPrepUnload) {
	if (!deconcept.unloadSet) {
		deconcept.SWFObjectUtil.prepUnload = function() {
			__flash_unloadHandler = function(){};
			__flash_savedUnloadHandler = function(){};
			window.attachEvent("onunload", deconcept.SWFObjectUtil.cleanupSWFs);
		}
		window.attachEvent("onbeforeunload", deconcept.SWFObjectUtil.prepUnload);
		deconcept.unloadSet = true;
	}
}
/* add document.getElementById if needed (mobile IE < 5) */
if (!document.getElementById && document.all) { document.getElementById = function(id) { return document.all[id]; }}

/* add some aliases for ease of use/backwards compatibility */
var getQueryParamValue = deconcept.util.getRequestParameter;
var FlashObject = deconcept.SWFObject; // for legacy support
var SWFObject = deconcept.SWFObject;

  // -->
  </script>


<script language="javascript" type="text/javascript">
<!--


//-->

</script>

</head>
<body class="normal">
<div id="bodyWrapper">
<div id="pageContainer"> <!-- hier centreren we de website -->
<div id="topnavBlok"><div><a href="/?waxtrapp=rrrjsDsHnHUVmB" target="_top">Omroep MAX - text versie</a></div>
<div id="bovenBalk"><a name="top"></a><ul><li>| <a href="/?waxtrapp=rrrjsDsHnHUVmB">Home</a> </li><li> |  </li><li> | <a href="/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&1text=yes">Tekstversie</a> </li><li> | <span id="lettergrootte"><a id="normal" href="/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&1size=normal">A</a>&nbsp;<a id="larger" href="/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&1size=larger">A</a>&nbsp;<a id="largest" href="/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&1size=largest">A</a></span> </li><li> | <form id="kopZoekForm" name="kopZoekForm" method="GET">Zoeken&nbsp;<input type="hidden" name="waxtrapp" value="porjsDsHnHUVmBpBE"/>
<input type="text" name="zoekSite" value="" />&nbsp;<a href="javascript:document.kopZoekForm.submit();"></a></form> </li></ul> </div> <!-- bovenBalk --> 
<center><strong></strong></center>
<div id="hoofdmenuBalk"><div class="menuitem" 
       onmouseover="menuShowSub('subnav_srqytDsHnHUVmBfB');"
       onmouseout="menuHideSub('subnav_srqytDsHnHUVmBfB');" ><div class="menubutton"><a  href="/?waxtrapp=srqytDsHnHUVmBfB" target="_top">Gasten</a></div><div class="subnav " id="subnav_srqytDsHnHUVmBfB"><div class="dropmenu"><a href="/?waxtrapp=tclhsKsHnHUVmBfBN" target="_top">Over gasten</a></div>
<div class="dropmenu"><a href="/?waxtrapp=afnzoTsHnHUVmBfBL" target="_top">Eric en Beau Schneider</a></div>
<div class="dropmenu"><a href="/?waxtrapp=cfnzoTsHnHUVmBfBJ" target="_top">René van Kooten</a></div>
<div class="dropmenu"><a href="/?waxtrapp=bfnzoTsHnHUVmBfBH" target="_top">Tatum Dagelet</a></div>
<div class="dropmenu"><a href="/?waxtrapp=aplkoTsHnHUVmBfBF" target="_top">Peter Lusse</a></div>
<div class="dropmenu"><a href="/?waxtrapp=bplkoTsHnHUVmBfBD" target="_top">Marion Pauw</a></div>
<div class="dropmenu"><a href="/?waxtrapp=cplkoTsHnHUVmBfBA" target="_top">Jeroen Spitzenberger</a></div>
<div class="dropmenu"><a href="/?waxtrapp=dplkoTsHnHUVmBfBC" target="_top">Jeanine Hennis-Plasschaert</a></div>
<div class="dropmenu"><a href="/?waxtrapp=pozlnTsHnHUVmBfBE" target="_top">Jannes</a></div>
<div class="dropmenu"><a href="/?waxtrapp=qozlnTsHnHUVmBfBG" target="_top">Tommy Wieringa</a></div>
<div class="dropmenu"><a href="/?waxtrapp=rozlnTsHnHUVmBfBI" target="_top">Jon van Eerd</a></div>
<div class="dropmenu"><a href="/?waxtrapp=kecrmTsHnHUVmBfBK" target="_top">Joop van Uitzending donderdag 30 januari', '(© MAX / Fotograaf Hans Vink)');
  pageGallerytfmcxNsHnHUVmBhBIggxWtexWtBN.addImg('hmncxNsHnHUVmBhBIggxWtexWtBNK','/gx/ZmkvampIopC.jpeg', 'Uitzending donderdag 30 januari', '(© MAX / Fotograaf Hans Vink)');
  pageGallerytfmcxNsHnHUVmBhBIggxWtexWtBN.addImg('jmncxNsHnHUVmBhBIggxWtexWtBNM','/gx/ZmkvampIupC.jpeg', 'Uitzending donderdag 30 januari', '(© MAX / Fotograaf Hans Vink)');

});
</script>
</div>
<script type="text/javascript">
<!--
window.addEvent('domready',function(){

  showGallery('albumufmcxNsHnHUVmBhBIggxWtexWtB', 'gallerySnippetufmcxNsHnHUVmBhBIggxWtexWtB');

});
-->
</script>
 <div class="clear">&nbsp;</div><div id="voeter"><button class="primary-button" onclick="window.location.href='/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&artikel=ypwynNsHnHUVmBhBIggxWtexW&view=mailafriend';"><div class="leftpart"><div class="rightpart"><span>Doorsturen</span></div></div></button>&nbsp;<button class="primary-button" onclick="javascript:window.open('/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW&pane=zybqhDsHnHUVDMLK', 'print_venster', 'height=600, width=625, scrollbars=1');"><div class="leftpart"><div class="rightpart"><span>Afdrukken</span></div></div></button>&nbsp;<span class="meta">30-7-2012 11:03<br />
© <strong>MAX</strong></span>
</div> 
</div>


<div style="float:right;">

<div style="float:left;margin:4px;">
<script type='text/javascript' src='https://secure.hyves.nl/precompiled/hyvesconnect.js'></script>
<script type='text/javascript'>Hyves.connect.tip({title:'Sterke Yerke', body:'Dit las ik op de website van MAX en wil ik graag met je delen: [url=http://www.tijdvoormax.nl/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW]http://www.tijdvoormax.nl/?waxtrapp=ypwynNsHnHUVmBhBIggxWtexW[/url]', category:'12', rating:'5'}, {iconsize:16});</script></div>

<div style="float:left;margin:2px;"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></div>

<div style="float:left;margin:2px;margin-right:0;overflow:hidden;width:76px;height:21px;"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww%2Etijdvoormax%2Enl%2F%3Fwaxtrapp%3DypwynNsHnHUVmBhBIggxWtexW&layout=button_count&show_faces=false&width=450&action=recommend&colorscheme=light&height=21&locale=nl_NL" scrolling="no" frameborder="0" style="border:none;" allowTransparency="true"></iframe></div>

</div></div><!-- /content --><div id="hotlinksframe"></div><div class="clear">&nbsp;</div><!-- /hotlinksframe -->
<div class="clear">&nbsp;</div></div> <!-- pagina-->
<div id="loginArea">
<a id="loginLink" href="#loginForm" onclick="showLogin();">Inloggen</a>
<form id="loginForm" method="post" action="">
<input type="submit" class="submit" value="Login" />
<label><span>Gebruikersnaam:</span><input type="text" class="text" name="login" maxlength="255" size="15" /></label>
<label><span>Wachtwoord:</span><input type="password" class="text" name="pwd" maxlength="255" size="15" /></label>
</form>

</div>


</div> <!-- container -->

<script type="text/javascript">
<!--
function sitestat(ns_l){ ns_l +='&amp;ns__t='+(new Date()).getTime();ns_pixelUrl=ns_l;
ns_0=document.referrer;
ns_0=(ns_0.lastIndexOf('/')==ns_0.length-1)?ns_0.substring(ns_0.lastIndexOf('/'),0):ns_0;
if(ns_0.length>0)ns_l+='&amp;ns_referrer='+escape(ns_0);
if(document.images){ns_1=new Image();ns_1.src=ns_l;}else
document.write('<img src="'+ns_l+'" width="1" height="1" alt=""/>');}
sitestat("//nl.sitestat.com/klo/max/s?tijd_voor_max.uitzendingen.sterke_yerke&amp;category=tijdvoormax&amp;ns_channel=entertainment&amp;ns_webdir=tijdvoormax&amp;po_source=fixed&amp;po_sitetype=plus&amp;po_merk=video.nederland2");
//-->
</script>
<noscript>
<img src="//nl.sitestat.com/klo/max/s?tijd_voor_max.uitzendingen.sterke_yerke&category=tijdvoormax&ns_channel=entertainment&ns_webdir=tijdvoormax&po_source=fixed&po_sitetype=plus&po_merk=video.nederland2" width="1" height="1" alt="" />
</noscript><style type="text/css">
<!--

div#npo_button_container {
	position: relative;
	width: 80px;
	height: 29px;
	z-index: 999;
	margin: 0px;
	padding: 0px;
	line-height: 22px;
}

div#npo_button_container a {
	border: none;
	display: block;
	width: 80px;
	height: 29px;
	text-indent: -10000px;
	background-color: transparent;
	cursor: hand;
	cursor: pointer;
}

div#npo_button_container a:hover {
	background-color: transparent;
}

div.npo_button_dol a {
	background-image: url('http://assets.cn.omroep.nl/images/button/dol.png');
}

div.npo_button_dol a:hover {
	background-image: url('http://assets.cn.omroep.nl/images/button/dol-hover.png');
}

div.npo_button_dod a {
	background-image: url('http://assets.cn.omroep.nl/images/button/dod.png');
}

div.npo_button_dod a:hover {
	background-image: url('http://assets.cn.omroep.nl/images/button/dod-hover.png');
}

div.npo_button_lol a {
	background-image: url('http://assets.cn.omroep.nl/images/button/lol.png');
}

div.npo_button_lol a:hover {
	background-image: url('http://assets.cn.omroep.nl/images/button/lol-hover.png');
}

div.npo_button_lod a {
	background-image: url('http://assets.cn.omroep.nl/images/button/lod.png');
}

div.npo_button_lod a:hover {
	background-image: url('http://assets.cn.omroep.nl/images/button/lod-hover.png');
}

-->
</style>
<script type="text/javascript">
<!--

  onLoadFlag = true;
  // Flag for the menu animation 

// -->
</script>
</div>

</body>
</html>