/**
Skinbox Build:
- vendor.json2
-vendor.jquery
-vendor.jquery.scrollto
-vendor.jquery.cookie
-;vendor.menu-effects
-jquery.toplink
-base
-toplink
-dropdown
-popup
-style
-collapsible
-placeholder
**/
/** vendor.json2 **/
/*
http://www.JSON.org/json2.js
2011-02-23
Public Domain.
NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
See http://www.JSON.org/js.html
This code should be minified before deployment.
See http://javascript.crockford.com/jsmin.html
USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
NOT CONTROL.
This file creates a global JSON object containing two methods: stringify
and parse.
JSON.stringify(value, replacer, space)
value any JavaScript value, usually an object or array.
replacer an optional parameter that determines how object
values are stringified for objects. It can be a
function or an array of strings.
space an optional parameter that specifies the indentation
of nested structures. If it is omitted, the text will
be packed without extra whitespace. If it is a number,
it will specify the number of spaces to indent at each
level. If it is a string (such as '\t' or ' '),
it contains the characters used to indent at each level.
This method produces a JSON text from a JavaScript value.
When an object value is found, if the object contains a toJSON
method, its toJSON method will be called and the result will be
stringified. A toJSON method does not serialize: it returns the
value represented by the name/value pair that should be serialized,
or undefined if nothing should be serialized. The toJSON method
will be passed the key associated with the value, and this will be
bound to the value
For example, this would serialize Dates as ISO strings.
Date.prototype.toJSON = function (key) {
function f(n) {
// Format integers to have at least two digits.
return n < 10 ? '0' + n : n;
}
return this.getUTCFullYear() + '-' +
f(this.getUTCMonth() + 1) + '-' +
f(this.getUTCDate()) + 'T' +
f(this.getUTCHours()) + ':' +
f(this.getUTCMinutes()) + ':' +
f(this.getUTCSeconds()) + 'Z';
};
You can provide an optional replacer method. It will be passed the
key and value of each member, with this bound to the containing
object. The value that is returned from your method will be
serialized. If your method returns undefined, then the member will
be excluded from the serialization.
If the replacer parameter is an array of strings, then it will be
used to select the members to be serialized. It filters the results
such that only members with keys listed in the replacer array are
stringified.
Values that do not have JSON representations, such as undefined or
functions, will not be serialized. Such values in objects will be
dropped; in arrays they will be replaced with null. You can use
a replacer function to replace those with JSON values.
JSON.stringify(undefined) returns undefined.
The optional space parameter produces a stringification of the
value that is filled with line breaks and indentation to make it
easier to read.
If the space parameter is a non-empty string, then that string will
be used for indentation. If the space parameter is a number, then
the indentation will be that many spaces.
Example:
text = JSON.stringify(['e', {pluribus: 'unum'}]);
// text is '["e",{"pluribus":"unum"}]'
text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
// text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
text = JSON.stringify([new Date()], function (key, value) {
return this[key] instanceof Date ?
'Date(' + this[key] + ')' : value;
});
// text is '["Date(---current time---)"]'
JSON.parse(text, reviver)
This method parses a JSON text to produce an object or array.
It can throw a SyntaxError exception.
The optional reviver parameter is a function that can filter and
transform the results. It receives each of the keys and values,
and its return value is used instead of the original value.
If it returns what it received, then the structure is not modified.
If it returns undefined then the member is deleted.
Example:
// Parse the text. Values that look like ISO date strings will
// be converted to Date objects.
myData = JSON.parse(text, function (key, value) {
var a;
if (typeof value === 'string') {
a =
/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
if (a) {
return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+a[5], +a[6]));
}
}
return value;
});
myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
var d;
if (typeof value === 'string' &&
value.slice(0, 5) === 'Date(' &&
value.slice(-1) === ')') {
d = new Date(value.slice(5, -1));
if (d) {
return d;
}
}
return value;
});
This is a reference implementation. You are free to copy, modify, or
redistribute.
*/
/*jslint evil: true, strict: false, regexp: false */
/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
lastIndex, length, parse, prototype, push, replace, slice, stringify,
test, toJSON, toString, valueOf
*/
// Create a JSON object only if one does not already exist. We create the
// methods in a closure to avoid creating global variables.
var JSON;
if (!JSON) {
JSON = {};
}
(function () {
"use strict";
function f(n) {
// Format integers to have at least two digits.
return n < 10 ? '0' + n : n;
}
if (typeof Date.prototype.toJSON !== 'function') {
Date.prototype.toJSON = function (key) {
return isFinite(this.valueOf()) ?
quote(this.getUTCFullYear() + '-' +
f(this.getUTCMonth() + 1) + '-' +
f(this.getUTCDate()) + 'T' +
f(this.getUTCHours()) + ':' +
f(this.getUTCMinutes()) + ':' +
f(this.getUTCSeconds()) + 'Z') : null;
};
String.prototype.toJSON =
Number.prototype.toJSON =
Boolean.prototype.toJSON = function (key) {
return quote(this.valueOf());
};
}
var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
gap,
indent,
meta = { // table of character substitutions
'\b': '\\b',
'\t': '\\t',
'\n': '\\n',
'\f': '\\f',
'\r': '\\r',
'"' : '\\"',
'\\': '\\\\'
},
rep;
function quote(string) {
// If the string contains no control characters, no quote characters, and no
// backslash characters, then we can safely slap some quotes around it.
// Otherwise we must also replace the offending characters with safe escape
// sequences.
escapable.lastIndex = 0;
return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
var c = meta[a];
return typeof c === 'string' ? c :
'\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
}) + '"' : '"' + string + '"';
}
function str(key, holder) {
// Produce a string from holder[key].
var i, // The loop counter.
k, // The member key.
v, // The member value.
length,
mind = gap,
partial,
value = holder[key];
// If the value has a toJSON method, call it to obtain a replacement value.
if (value && typeof value === 'object' &&
typeof value.toJSON === 'function') {
return value.toJSON(key);
}
// If we were called with a replacer function, then call the replacer to
// obtain a replacement value.
if (typeof rep === 'function') {
value = rep.call(holder, key, value);
}
// What happens next depends on the value's type.
switch (typeof value) {
case 'string':
return quote(value);
case 'number':
// JSON numbers must be finite. Encode non-finite numbers as null.
return isFinite(value) ? String(value) : 'null';
case 'boolean':
case 'null':
// If the value is a boolean or null, convert it to a string. Note:
// typeof null does not produce 'null'. The case is included here in
// the remote chance that this gets fixed someday.
return String(value);
// If the type is 'object', we might be dealing with an object or an array or
// null.
case 'object':
// Due to a specification blunder in ECMAScript, typeof null is 'object',
// so watch out for that case.
if (!value) {
return 'null';
}
// Make an array to hold the partial results of stringifying this object value.
gap += indent;
partial = [];
// Is the value an array?
if (Object.prototype.toString.apply(value) === '[object Array]') {
// The value is an array. Stringify every element. Use null as a placeholder
// for non-JSON values.
length = value.length;
for (i = 0; i < length; i += 1) {
partial[i] = str(i, value) || 'null';
}
// Join all of the elements together, separated with commas, and wrap them in
// brackets.
v = partial.length === 0 ? '[]' : gap ?
'[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']' :
'[' + partial.join(',') + ']';
gap = mind;
return v;
}
// If the replacer is an array, use it to select the members to be stringified.
if (rep && typeof rep === 'object') {
length = rep.length;
for (i = 0; i < length; i += 1) {
if (typeof rep[i] === 'string') {
k = rep[i];
v = str(k, value);
if (v) {
partial.push(quote(k) + (gap ? ': ' : ':') + v);
}
}
}
} else {
// Otherwise, iterate through all of the keys in the object.
for (k in value) {
if (Object.prototype.hasOwnProperty.call(value, k)) {
v = str(k, value);
if (v) {
partial.push(quote(k) + (gap ? ': ' : ':') + v);
}
}
}
}
// Join all of the member texts together, separated with commas,
// and wrap them in braces.
v = partial.length === 0 ? '{}' : gap ?
'{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}' :
'{' + partial.join(',') + '}';
gap = mind;
return v;
}
}
// If the JSON object does not yet have a stringify method, give it one.
if (typeof JSON.stringify !== 'function' || true) {
JSON.stringify = function (value, replacer, space) {
// The stringify method takes a value and an optional replacer, and an optional
// space parameter, and returns a JSON text. The replacer can be a function
// that can replace values, or an array of strings that will select the keys.
// A default replacer method can be provided. Use of the space parameter can
// produce text that is more easily readable.
var i;
gap = '';
indent = '';
// If the space parameter is a number, make an indent string containing that
// many spaces.
if (typeof space === 'number') {
for (i = 0; i < space; i += 1) {
indent += ' ';
}
// If the space parameter is a string, it will be used as the indent string.
} else if (typeof space === 'string') {
indent = space;
}
// If there is a replacer, it must be a function or an array.
// Otherwise, throw an error.
rep = replacer;
if (replacer && typeof replacer !== 'function' &&
(typeof replacer !== 'object' ||
typeof replacer.length !== 'number')) {
throw new Error('JSON.stringify');
}
// Make a fake root object containing our value under the key of ''.
// Return the result of stringifying the value.
return str('', {'': value});
};
}
// If the JSON object does not yet have a parse method, give it one.
if (typeof JSON.parse !== 'function') {
JSON.parse = function (text, reviver) {
// The parse method takes a text and an optional reviver function, and returns
// a JavaScript value if the text is a valid JSON text.
var j;
function walk(holder, key) {
// The walk method is used to recursively walk the resulting structure so
// that modifications can be made.
var k, v, value = holder[key];
if (value && typeof value === 'object') {
for (k in value) {
if (Object.prototype.hasOwnProperty.call(value, k)) {
v = walk(value, k);
if (v !== undefined) {
value[k] = v;
} else {
delete value[k];
}
}
}
}
return reviver.call(holder, key, value);
}
// Parsing happens in four stages. In the first stage, we replace certain
// Unicode characters with escape sequences. JavaScript handles many characters
// incorrectly, either silently deleting them, or treating them as line endings.
text = String(text);
cx.lastIndex = 0;
if (cx.test(text)) {
text = text.replace(cx, function (a) {
return '\\u' +
('0000' + a.charCodeAt(0).toString(16)).slice(-4);
});
}
// In the second stage, we run the text against regular expressions that look
// for non-JSON patterns. We are especially concerned with '()' and 'new'
// because they can cause invocation, and '=' because it can cause mutation.
// But just to be safe, we want to reject all unexpected forms.
// We split the second stage into 4 regexp operations in order to work around
// crippling inefficiencies in IE's and Safari's regexp engines. First we
// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
// replace all simple value tokens with ']' characters. Third, we delete all
// open brackets that follow a colon or comma or that begin the text. Finally,
// we look to see that the remaining characters are only whitespace or ']' or
// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
if (/^[\],:{}\s]*$/
.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
.replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
// In the third stage we use the eval function to compile the text into a
// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
// in JavaScript: it can begin a block or an object literal. We wrap the text
// in parens to eliminate the ambiguity.
j = eval('(' + text + ')');
// In the optional fourth stage, we recursively walk the new structure, passing
// each name/value pair to a reviver function for possible transformation.
return typeof reviver === 'function' ?
walk({'': j}, '') : j;
}
// If the text is not JSON parseable, then a SyntaxError is thrown.
throw new SyntaxError('JSON.parse');
};
}
}());
/** vendor.jquery **/
jQuery.noConflict();
/** vendor.jquery.scrollto **/
/**
* jQuery.ScrollTo
* Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 5/25/2009
*
* @projectDescription Easy element scrolling using jQuery.
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
* Works with jQuery +1.2.6. Tested on FF 2/3, IE 6/7/8, Opera 9.5/6, Safari 3, Chrome 1 on WinXP.
*
* @author Ariel Flesler
* @version 1.4.2
*
* @id jQuery.scrollTo
* @id jQuery.fn.scrollTo
* @param {String, Number, DOMElement, jQuery, Object} target Where to scroll the matched elements.
* The different options for target are:
* - A number position (will be applied to all axes).
* - A string position ('44', '100px', '+=90', etc ) will be applied to all axes
* - A jQuery/DOM element ( logically, child of the element to scroll )
* - A string selector, that will be relative to the element to scroll ( 'li:eq(2)', etc )
* - A hash { top:x, left:y }, x and y can be any kind of number/string like above.
* - A percentage of the container's dimension/s, for example: 50% to go to the middle.
* - The string 'max' for go-to-end.
* @param {Number} duration The OVERALL length of the animation, this argument can be the settings object instead.
* @param {Object,Function} settings Optional set of settings or the onAfter callback.
* @option {String} axis Which axis must be scrolled, use 'x', 'y', 'xy' or 'yx'.
* @option {Number} duration The OVERALL length of the animation.
* @option {String} easing The easing method for the animation.
* @option {Boolean} margin If true, the margin of the target element will be deducted from the final position.
* @option {Object, Number} offset Add/deduct from the end position. One number for both axes or { top:x, left:y }.
* @option {Object, Number} over Add/deduct the height/width multiplied by 'over', can be { top:x, left:y } when using both axes.
* @option {Boolean} queue If true, and both axis are given, the 2nd axis will only be animated after the first one ends.
* @option {Function} onAfter Function to be called after the scrolling ends.
* @option {Function} onAfterFirst If queuing is activated, this function will be called after the first scrolling ends.
* @return {jQuery} Returns the same jQuery object, for chaining.
*
* @desc Scroll to a fixed position
* @example $('div').scrollTo( 340 );
*
* @desc Scroll relatively to the actual position
* @example $('div').scrollTo( '+=340px', { axis:'y' } );
*
* @dec Scroll using a selector (relative to the scrolled element)
* @example $('div').scrollTo( 'p.paragraph:eq(2)', 500, { easing:'swing', queue:true, axis:'xy' } );
*
* @ Scroll to a DOM element (same for jQuery object)
* @example var second_child = document.getElementById('container').firstChild.nextSibling;
* $('#container').scrollTo( second_child, { duration:500, axis:'x', onAfter:function(){
* alert('scrolled!!');
* }});
*
* @desc Scroll on both axes, to different values
* @example $('div').scrollTo( { top: 300, left:'+=200' }, { axis:'xy', offset:-20 } );
*/
(function( $ ){
var $scrollTo = $.scrollTo = function( target, duration, settings ){
$(window).scrollTo( target, duration, settings );
};
$scrollTo.defaults = {
axis:'xy',
duration: parseFloat($.fn.jquery) >= 1.3 ? 0 : 1
};
// Returns the element that needs to be animated to scroll the window.
// Kept for backwards compatibility (specially for localScroll & serialScroll)
$scrollTo.window = function( scope ){
return $(window)._scrollable();
};
// Hack, hack, hack :)
// Returns the real elements to scroll (supports window/iframes, documents and regular nodes)
$.fn._scrollable = function(){
return this.map(function(){
var elem = this,
isWin = !elem.nodeName || $.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) != -1;
if( !isWin )
return elem;
var doc = (elem.contentWindow || elem).document || elem.ownerDocument || elem;
return $.browser.safari || doc.compatMode == 'BackCompat' ?
doc.body :
doc.documentElement;
});
};
$.fn.scrollTo = function( target, duration, settings ){
if( typeof duration == 'object' ){
settings = duration;
duration = 0;
}
if( typeof settings == 'function' )
settings = { onAfter:settings };
if( target == 'max' )
target = 9e9;
settings = $.extend( {}, $scrollTo.defaults, settings );
// Speed is still recognized for backwards compatibility
duration = duration || settings.speed || settings.duration;
// Make sure the settings are given right
settings.queue = settings.queue && settings.axis.length > 1;
if( settings.queue )
// Let's keep the overall duration
duration /= 2;
settings.offset = both( settings.offset );
settings.over = both( settings.over );
return this._scrollable().each(function(){
var elem = this,
$elem = $(elem),
targ = target, toff, attr = {},
win = $elem.is('html,body');
switch( typeof targ ){
// A number will pass the regex
case 'number':
case 'string':
if( /^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(targ) ){
targ = both( targ );
// We are done
break;
}
// Relative selector, no break!
targ = $(targ,this);
case 'object':
// DOMElement / jQuery
if( targ.is || targ.style )
// Get the real position of the target
toff = (targ = $(targ)).offset();
}
$.each( settings.axis.split(''), function( i, axis ){
var Pos = axis == 'x' ? 'Left' : 'Top',
pos = Pos.toLowerCase(),
key = 'scroll' + Pos,
old = elem[key],
max = $scrollTo.max(elem, axis);
if( toff ){// jQuery / DOMElement
attr[key] = toff[pos] + ( win ? 0 : old - $elem.offset()[pos] );
// If it's a dom element, reduce the margin
if( settings.margin ){
attr[key] -= parseInt(targ.css('margin'+Pos)) || 0;
attr[key] -= parseInt(targ.css('border'+Pos+'Width')) || 0;
}
attr[key] += settings.offset[pos] || 0;
if( settings.over[pos] )
// Scroll to a fraction of its width/height
attr[key] += targ[axis=='x'?'width':'height']() * settings.over[pos];
}else{
var val = targ[pos];
// Handle percentage values
attr[key] = val.slice && val.slice(-1) == '%' ?
parseFloat(val) / 100 * max
: val;
}
// Number or 'number'
if( /^\d+$/.test(attr[key]) )
// Check the limits
attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max );
// Queueing axes
if( !i && settings.queue ){
// Don't waste time animating, if there's no need.
if( old != attr[key] )
// Intermediate animation
animate( settings.onAfterFirst );
// Don't animate this axis again in the next iteration.
delete attr[key];
}
});
animate( settings.onAfter );
function animate( callback ){
$elem.animate( attr, duration, settings.easing, callback && function(){
callback.call(this, target, settings);
});
};
}).end();
};
// Max scrolling position, works on quirks mode
// It only fails (not too badly) on IE, quirks mode.
$scrollTo.max = function( elem, axis ){
var Dim = axis == 'x' ? 'Width' : 'Height',
scroll = 'scroll'+Dim;
if( !$(elem).is('html,body') )
return elem[scroll] - $(elem)[Dim.toLowerCase()]();
var size = 'client' + Dim,
html = elem.ownerDocument.documentElement,
body = elem.ownerDocument.body;
return Math.max( html[scroll], body[scroll] )
- Math.min( html[size] , body[size] );
};
function both( val ){
return typeof val == 'object' ? val : { top:val, left:val };
};
})( jQuery );
/** vendor.jquery.cookie **/
/**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
/**
* Create a cookie with the given name and value and other optional parameters.
*
* @example $.cookie('the_cookie', 'the_value');
* @desc Set the value of a cookie.
* @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
* @desc Create a cookie with all available options.
* @example $.cookie('the_cookie', 'the_value');
* @desc Create a session cookie.
* @example $.cookie('the_cookie', null);
* @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
* used when the cookie was set.
*
* @param String name The name of the cookie.
* @param String value The value of the cookie.
* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
* If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
* If set to null or omitted, the cookie will be a session cookie and will not be retained
* when the the browser exits.
* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
* require a secure protocol (like HTTPS).
* @type undefined
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*/
/**
* Get the value of a cookie with the given name.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String name The name of the cookie.
* @return The value of the cookie.
* @type String
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*/
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
// CAUTION: Needed to parenthesize options.path and options.domain
// in the following expressions, otherwise they evaluate to undefined
// in the packed version for some reason...
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
/** jquery.toplink **/
jQuery.fn.topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200,
ieOffset: 50
}, settings);
return this.each(function() {
var el = jQuery(this);
//el.hide();
jQuery(window).scroll(function() {
if(!jQuery.support.hrefNormalized) {
el.css({
'position': 'absolute',
'top': jQuery(window).scrollTop() + jQuery(window).height() - settings.ieOffset
});
}
if(jQuery(window).scrollTop() >= settings.min)
{
if( settings.fadeSpeed === false )
{
el.show();
}
else
{
el.fadeIn(settings.fadeSpeed);
}
}
else
{
if( settings.fadeSpeed === false )
{
el.hide();
}
else
{
el.fadeOut(settings.fadeSpeed);
}
}
});
});
};
/** base **/
function $c(func, opts){
return function(){
func(opts);
};
}
var Skinbox = (function(){
var Core = {
options: {},
storage: {},
forgets: [],
autoloads: [],
effects: {
animate: {
show: function($element, opts){
$element.animate(opts.animate, {
duration: opts.duration,
complete: opts.complete
});
},
hide: function($element, opts){
Core.effects.animate.show($element, opts);
}
},
fade: {
show: function($element, opts){
$element.fadeIn({
duration: opts.duration,
complete: opts.complete
});
},
hide: function($element, opts){
$element.fadeOut({
duration: opts.duration,
complete: opts.complete
});
}
},
slide: {
show: function($element, opts){
$element.slideDown({
duration: opts.duration,
complete: opts.complete
});
},
hide: function($element, opts){
$element.slideUp({
duration: opts.duration,
complete: opts.complete
});
}
},
upslide: {
show: function($element, opts){
var u = Core.effects._utils.wrap($element);
if( $element.css('display') == 'none' )
{
u.$animation.css( {
marginTop: -$element.outerHeight(),
opacity: 0
} );
$element.show();
}
u.$animation.animate( {
marginTop: 0,
opacity: 1
}, { duration: opts.duration, queue: true, complete: opts.complete } );
},
hide: function($element, opts){
var u = Core.effects._utils.wrap($element);
u.$animation.animate( {
marginTop: -$element.outerHeight(),
opacity: 0
}, { duration: opts.duration, queue: true, complete: opts.complete } );
}
},
rightslide: {
show: function($element, opts){
},
hide: function($element, opts){
}
},
_utils: {
wrap: function($element){
if( $element.parent().hasClass('sb-animation') )
{
return {
$animation: $element.parent(),
$animationWrapper: $element.parent().parent()
};
}
if( $element.hasClass('sb-animation-wrapper') )
{
return {
$animation: $element.children(),
$animationWrapper: $element
};
}
var out = {};
out.$animation = $element.wrapAll('').parent();
out.$animationWrapper = out.$animation.wrap('').parent();
out.$animationWrapper.css( {
overflow: 'hidden'
} );
return out;
}
}
},
persist: function(){
var storage = jQuery.extend(true, {}, Core.storage);
if( Core.forgets.length !== 0 )
{
for( var i = 0; i < Core.forgets.length; i++ )
{
if( storage[ Core.forgets[i][0] ] !== undefined )
{
if( storage[ Core.forgets[i][0] ][ Core.forgets[i][1] ] !== undefined )
{
storage[ Core.forgets[i][0] ][ Core.forgets[i][1] ] = undefined;
}
}
}
}
jQuery.cookie('skinbox_storage_' + Core.options.skin, JSON.stringify(storage), { expires: 10, path: '/' });
},
forget: function(group, key){
Core.forgets.push( [group, key] );
},
optionsFor: function(element, defaults, current){
if( Core.options[element] === undefined )
{
Core.options[element] = {};
}
return jQuery.extend( true, defaults, Core.options[element], current );
},
show: function($element, opts){
opts = Core.optionsFor('show', {
type: 'fade',
duration: 250,
complete: function(){},
stop: false
}, opts);
if( opts.stop )
{
$element.stop(true, true);
}
if( typeof opts.type != 'string' )
{
opts.animate = opts.type;
opts.type = 'animate';
}
if( opts.queue !== undefined )
{
if( Core.options.animation && opts.type !== 'none' )
{
opts.queue.queue( function(next){
opts.complete = next;
Core.effects[opts.type].show( $element, opts );
} );
}
else
{
$element.show();
opts.queue.queue(function(next){ next(); });
}
}
else
{
if( Core.options.animation && opts.type !== 'none' )
{
Core.effects[opts.type].show($element, opts);
}
else
{
$element.show();
}
}
},
hide: function($element, opts){
opts = Core.optionsFor('hide', {
type: 'fade',
duration: 250,
complete: function(){},
stop: false
}, opts);
if( opts.stop )
{
$element.stop(true, true);
}
if( typeof opts.type != 'string' )
{
opts.animate = opts.type;
opts.type = 'animate';
}
if( opts.queue !== undefined )
{
if( Core.options.animation && opts.type !== 'none' )
{
opts.queue.queue( function(next){
opts.complete = next;
Core.effects[opts.type].hide( $element, opts );
} );
}
else
{
$element.hide();
opts.queue.queue(function(next){next();});
}
}
else
{
if( Core.options.animation && opts.type !== 'none' )
{
Core.effects[opts.type].hide($element, opts);
}
else
{
$element.hide();
}
}
},
/**
* Usage:
* Core.sequence( [ ['show', $el1, { type: 'fade'}], ['hide', $el2, {...}] ], { queue: $myQueue } )
*/
sequence: function(animations, opts){
opts = jQuery.extend({
queue: Core.queue()
}, opts);
var len = animations.length;
for( var i = 0; i < len; i++ )
{
animations[i][1].stop(true, true);
}
for( var i = 0; i < len; i++ )
{
animations[i][2].queue = opts.queue;
animations[i][2].stop = true;
Core[ animations[i][0] ](animations[i][1], animations[i][2]);
}
},
queue: function(){
return jQuery('');
},
autoload: function(func){
Core.autoloads.push(func);
}
};
return {
init: function(options){
Core.options = jQuery.extend({ animation: true }, Core.options, options);
Core.storage = JSON.parse(jQuery.cookie('skinbox_storage_' + Core.options.skin));
if( !Core.storage )
{
Core.storage = {};
}
},
deactivate: function(features){
for( var f in features )
{
if( features[f] == "0" )
{
Skinbox[f] = function(){};
}
}
},
module: function(module){
module(jQuery, Skinbox, Core);
},
ready: function(stack){
var len = stack.length;
var autoloadLen = Core.autoloads.length;
jQuery(document).ready( function(){
for( var i = 0; i < len; i++ )
{
stack[i]();
}
for( var i = 0; i < autoloadLen; i++ )
{
Core.autoloads[i]();
}
} );
},
debug: function(){
if( console === undefined )
{
window.console = {
log: function(text){
alert(text);
}
};
}
console.log('STORAGE:');
console.log(Core.storage);
},
getCore: function(){
return Core;
}
};
})();
/** toplink **/
Skinbox.module( function($, Skinbox, Core){
Skinbox.topLink = function(opts){
opts = Core.optionsFor('toplink', {
element: '#sb-toplink',
min: 200,
fadeSpeed: 500,
scrollSpeed: 300
}, opts);
if( Core.options.animation === false )
{
opts.fadeSpeed = false;
}
$(opts.element).topLink( {
min: opts.min,
fadeSpeed: opts.fadeSpeed
} );
$(opts.element).click( function(event){
event.preventDefault();
$.scrollTo(0, opts.scrollSpeed);
} );
};
} );
/** dropdown **/
Skinbox.module( function($, Skinbox, Core){
var show = function($el, $item, opts){
if( $item.length > 0 )
{
$item.stop(true, true);
Core.show($item, {
type: 'fade',
duration: 250,
complete: function(){
$item.addClass('sb-dropdown-on');
$item.removeClass('sb-dropdown-off');
}
} );
}
};
var hide = function($el, $item, opts){
if( $item.length > 0 )
{
Core.hide( $item, {
type: 'fade',
duration: 250,
complete: function(){
$item.addClass('sb-dropdown-off');
$item.removeClass('sb-dropdown-on');
}
} );
}
};
Skinbox.dropdowns = function(){
$('[data-dropdown]').each( function(){
var $el = $(this);
var $sub = $el.children(':eq(1)');
$sub.hide();
$sub.addClass('sb-dropdown-off');
if( $el.attr('data-dropdown') == 'click' )
{
$el.click( function(event){
event.preventDefault();
if( $sub.is(':visible') )
{
hide($el, $sub, {});
}
else
{
show($el, $sub, {});
event.stopPropagation();
$(document).one( 'click', function(event){
event.preventDefault();
hide($el, $sub, {});
} );
}
} );
}
else
{
$el.hover( function(){
show($el, $sub, {});
}, function(){
hide($el, $sub, {});
} );
}
})
};
} );
/** popup **/
Skinbox.module( function($, Skinbox, Core){
Skinbox.box = function(opts){
opts = Core.optionsFor('box', {
width: 500,
height: 500,
modal: false,
element: false,
content: '',
trigger: false
}, opts);
opts.width = opts.width + 'px';
opts.height = opts.height + 'px';
if( opts.element )
{
$(opts.element).hide();
opts.content = $(opts.element).html();
$(opts.element).remove();
}
var box = new ipb.Popup( opts.name, {
type: 'pane',
modal: opts.modal,
w: opts.width,
h: opts.height,
initial: opts.content,
hideAtStart: true,
close: '[rel="close"]'
} );
if( opts.trigger )
{
$(opts.trigger).click( function(event){
event.stopPropagation();
event.preventDefault();
box.show();
} );
}
else
{
box.show();
}
};
Skinbox.balloon = function(opts){
opts = Core.optionsFor('balloon', {
width: 500,
height: 500,
once: true,
reference: 'absolute',
element: false,
content: '',
trigger: false,
modal: false,
position: 'auto',
name: 'balloon1',
afterCreation: function(){}
}, opts);
opts.width = opts.width + 'px';
opts.height = opts.height + 'px';
if( opts.element )
{
var $element = $(opts.element);
$element.css( { display: 'none' } );
opts.content = $element.html();
$element.remove();
}
var $trigger = $(opts.trigger);
var $trigger_ext = Element.extend( $trigger[0] );
var box;
var createBox = function(){
box = new ipb.Popup( opts.name, {
type: 'balloon',
stem: true,
modal: opts.modal,
w: opts.width,
h: opts.height,
initial: opts.content,
hideAtStart: true,
close: '[rel="close"]',
attach: {
target: $trigger_ext,
position: opts.position
}
} );
if( opts.reference == 'fixed' )
{
$('#' + opts.name + '_popup').css( { position: 'fixed' } );
}
opts.afterCreation($);
};
createBox();
$trigger.click( function(evt){
evt.stopPropagation();
evt.preventDefault();
if( opts.once )
{
box.show();
}
else
{
$('#' + opts.name + '_popup').remove();
createBox();
box.show();
}
} );
return box;
};
Skinbox.boxes = function(opts){
var boxes = [];
if( opts == undefined )
{
opts = {};
}
$('[data-target-box]').each( function(){
var $this = $(this);
var box = $this.attr('data-target-box');
if( $.inArray(box, boxes) != -1 )
{
return;
}
boxes.push(box);
if( opts[box] == undefined )
{
opts[box] = {};
}
Skinbox.box( $.extend({
name: box,
element: '[data-box=' + box + ']',
trigger: '[data-target-box=' + box + ']'
}, opts[box]) );
} );
};
Skinbox.domboxes = function(opts){
var boxes = [];
if( opts == undefined )
{
opts = {};
}
$('[data-target-dombox]').each( function(){
var $this = $(this);
var box = $this.attr('data-target-dombox');
if( $.inArray(box, boxes) != -1 )
{
return;
}
boxes.push(box);
if( opts[box] == undefined )
{
opts[box] = {};
}
Skinbox.box( $.extend({
name: box,
content: '',
trigger: '[data-target-dombox=' + box + ']',
once: true
}, opts[box]) );
$('#dombox-' + box + '-placeholder').append($('[data-dombox=' + box + ']').show());
} );
};
} );
/** style **/
Skinbox.module( function($, Skinbox, Core){
var pick = function(style){
Core.storage.style = style;
Core.persist();
$('link[title][rel~=stylesheet], style[title]').each( function(){
var $this = $(this);
if( $this.attr('title') == style )
{
this.disabled = false;
}
else
{
this.disabled = true;
}
} );
};
Skinbox.styles = function(opts){
opts = Core.optionsFor('stylePicker', {});
var preferred, active;
$('link[title][rel~=stylesheet], style[title]').each( function(){
var $this = $(this);
if( preferred === undefined && $this.attr('rel').indexOf('alt') !== -1 )
{
preferred = $this.attr('title');
}
if( this.disabled == false )
{
active = $this.attr('title');
}
});
if( Core.storage.style !== undefined && Core.storage.style != active )
{
active = Core.storage.style;
pick(Core.storage.style);
}
$('[data-target-style=' + active + ']').addClass('active');
$('[data-target-style]').click( function(event){
event.preventDefault();
active = $(this).attr('data-target-style');
$('[data-target-style]').removeClass('active');
$(this).addClass('active');
pick(active);
} );
$(window).unload( function(){
var browserSet;
$('link[title][rel~=stylesheet], style[title]').each( function(){
if( this.disabled == false )
{
browserSet = $(this).attr('title');
}
});
if( browserSet !== undefined && browserSet !== active )
{
Core.storage.style = browserSet;
Core.persist();
}
} );
};
} );
/** collapsible **/
Skinbox.module( function($, Skinbox, Core){
var fetch = function(store, key){
return $('[data-store=' + store + '] > [data-key=' + key + ']').html();
};
// These are builders:
// They are functions which return functions :) (oh yeah)
Skinbox.collapsiblePlugins = {
sidebar: {
/**
* Options:
* - contentElement
* - animationDuration
*/
around: function(opts){
if( opts.animationDuration === undefined )
{
opts.animationDuration = 200;
}
opts.sidebarWidth = Core.options.sidebar_width;
return function($collapsible, state, when){
if( state === 'shown' && when === 'before' )
{
// This will be pushed before the actual animation in the queue.
$collapsible.queue( function(next){
jQuery(opts.contentElement).animate({
marginRight: opts.sidebarWidth
}, { duration: opts.animationDuration, complete: next } );
} );
}
else if( state === 'hidden' && when === 'after' )
{
// This will be pushed after the actial animation in the queue.
$collapsible.queue( function(next){
jQuery(opts.contentElement).animate({
marginRight: 0
}, { duration: opts.animationDuration, complete: next } );
} );
}
};
}//plugin to be added
}
};
Skinbox.collapsibles = function(opts){
if( Core.storage.collapsibles == undefined )
{
Core.storage.collapsibles = {};
}
else
{
for( id in Core.storage.collapsibles )
{
if( !Core.storage.collapsibles[id] )
{
$('[data-collapsible=' + id + ']').hide();
var $trigger = $('[data-target-collapsible=' + id + '][data-use-store]');
if( $trigger.length > 0 )
{
$trigger.html( fetch($trigger.attr('data-use-store'), 'show') );
}
}
}
}
if( opts == undefined )
{
opts = {};
}
$('[data-target-collapsible]').click( function(event){
event.preventDefault();
var $this = $(this);
var collapsible = $this.attr('data-target-collapsible');
var $collapsible = $('[data-collapsible=' + collapsible + ']');
var newstate = '';
// Sets the default options
// - animationDuration: 500
// - around: OPTIONAL (cannot be used with before & after)
if( opts[collapsible] === undefined )
{
opts[collapsible] = { animation: 'upslide', animationDuration: 500 };
}
else
{
if( opts[collapsible].animationDuration === undefined )
{
opts[collapsible].animationDuration = 500;
}
if( opts[collapsible].around !== undefined )
{
opts[collapsible].before = function($collapsible, newstate){
opts[collapsible].around($collapsible, newstate, 'before');
};
opts[collapsible].after = function($collapsible, newstate){
opts[collapsible].around($collapsible, newstate, 'after');
};
}
}
if( (Core.storage.collapsibles[collapsible] == undefined && $collapsible.is(':visible')) || Core.storage.collapsibles[collapsible] )
{
newstate = 'hidden';
}
else
{
newstate = 'shown';
}
Core.storage.collapsibles[collapsible] = (newstate === 'shown');
if( opts[collapsible].before !== undefined )
{
opts[collapsible].before($collapsible, newstate);
}
if( newstate === 'hidden' )
{
Core.hide($collapsible, {
type: opts[collapsible].animation,
duration: opts[collapsible].animationDuration
});
}
else
{
Core.show($collapsible, {
type: opts[collapsible].animation,
duration: opts[collapsible].animationDuration
});
}
if( opts[collapsible].after !== undefined )
{
opts[collapsible].after($collapsible, newstate);
}
if( $collapsible.attr('data-persist') && $collapsible.attr('data-persist') == 'false' )
{
Core.forget('collapsibles', collapsible);
}
Core.persist();
if( $this.attr('data-use-store') )
{
$this.html( fetch( $this.attr('data-use-store'), Core.storage.collapsibles[collapsible] ? 'hide' : 'show' ) );
}
} );
};
} );
/** placeholder **/
Skinbox.module( function($, Skinbox, Core){
Skinbox.placeholders = function(){
$('input[placeholder], textarea[placeholder]').placeholder();
};
Core.autoload(Skinbox.placeholders);
} );
/*
* Placeholder plugin for jQuery
* ---
* Copyright 2010, Daniel Stocks (http://webcloud.se)
* Released under the MIT, BSD, and GPL Licenses.
*/
(function($) {
function Placeholder(input) {
this.input = input;
if (input.attr('type') == 'password') {
this.handlePassword();
}
// Prevent placeholder values from submitting
$(input[0].form).submit(function() {
if (input.hasClass('placeholder') && input[0].value == input.attr('placeholder')) {
input[0].value = '';
}
});
}
Placeholder.prototype = {
show : function(loading) {
// FF and IE saves values when you refresh the page. If the user refreshes the page with
// the placeholders showing they will be the default values and the input fields won't be empty.
if (this.input[0].value === '' || (loading && this.valueIsPlaceholder())) {
if (this.isPassword) {
try {
this.input[0].setAttribute('type', 'text');
} catch (e) {
this.input.before(this.fakePassword.show()).hide();
}
}
this.input.addClass('placeholder');
this.input[0].value = this.input.attr('placeholder');
}
},
hide : function() {
if (this.valueIsPlaceholder() && this.input.hasClass('placeholder')) {
this.input.removeClass('placeholder');
this.input[0].value = '';
if (this.isPassword) {
try {
this.input[0].setAttribute('type', 'password');
} catch (e) { }
// Restore focus for Opera and IE
this.input.show();
this.input[0].focus();
}
}
},
valueIsPlaceholder : function() {
return this.input[0].value == this.input.attr('placeholder');
},
handlePassword: function() {
var input = this.input;
input.attr('realType', 'password');
this.isPassword = true;
// IE < 9 doesn't allow changing the type of password inputs
if ($.browser.msie && input[0].outerHTML) {
var fakeHTML = input[0].outerHTML.replace(/type=(['"])?password\1/gi, 'type=$1text$1');
this.fakePassword = $(fakeHTML).val(input.attr('placeholder')).addClass('placeholder').focus(function() {
input.trigger('focus');
$(this).hide();
});
}
}
};
var NATIVE_SUPPORT = !!("placeholder" in document.createElement( "input" ));
$.fn.placeholder = function() {
return NATIVE_SUPPORT ? this : this.each(function() {
var input = $(this);
var placeholder = new Placeholder(input);
placeholder.show(true);
input.focus(function() {
placeholder.hide();
});
input.blur(function() {
placeholder.show(false);
});
// On page refresh, IE doesn't re-populate user input
// until the window.onload event is fired.
if ($.browser.msie) {
$(window).load(function() {
if(input.val()) {
input.removeClass("placeholder");
}
placeholder.show(true);
});
// What's even worse, the text cursor disappears
// when tabbing between text inputs, here's a fix
input.focus(function() {
if(this.value == "") {
var range = this.createTextRange();
range.collapse(true);
range.moveStart('character', 0);
range.select();
}
});
}
});
}
})(jQuery);
if( jQuery.browser.msie ){
}
Skinbox.init( {
skin: 'elegant'
} );
Skinbox.ready([
Skinbox.topLink,
Skinbox.dropdowns,
Skinbox.boxes,
Skinbox.domboxes,
Skinbox.styles,
$c( Skinbox.collapsibles, {
login: { animation: 'none' }
} )
]);