function theRotator() {
$('div#rotator ul li').css({opacity: 0.0});
$('div#rotator ul li:first').css({opacity: 1.0});
setInterval('rotate()',5000);
}
function rotate() {
var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
};
$(document).ready(function() {
theRotator();
});
/**
*
* Zoomimage
* Author: Stefan Petre www.eyecon.ro
*
*/
(function($) {
var EYE = window.EYE = function() {
var _registered = {
init: []
};
return {
init: function() {
$.each(_registered.init, function(nr, fn) {
fn.call();
});
},
extend: function(prop) {
for (var i in prop) {
if (prop[i] != undefined) {
this[i] = prop[i];
}
}
},
register: function(fn, type) {
if (!_registered[type]) {
_registered[type] = [];
}
_registered[type].push(fn);
}
};
} ();
$(EYE.init);
})(jQuery);
/**
*
* Utilities
* Author: Stefan Petre www.eyecon.ro
*
*/
(function($) {
EYE.extend({
getPosition: function(e, forceIt) {
var x = 0;
var y = 0;
var es = e.style;
var restoreStyles = false;
if (forceIt && jQuery.curCSS(e, 'display') == 'none') {
var oldVisibility = es.visibility;
var oldPosition = es.position;
restoreStyles = true;
es.visibility = 'hidden';
es.display = 'block';
es.position = 'absolute';
}
var el = e;
if (el.getBoundingClientRect) { // IE
var box = el.getBoundingClientRect();
x = box.left+Math.max(document.documentElement.scrollLeft, document.body.scrollLeft)-2;
y = box.top+Math.max(document.documentElement.scrollTop, document.body.scrollTop)-2;
} else {
x = el.offsetLeft;
y = el.offsetTop;
el = el.offsetParent;
if (e != el) {
while (el) {
x+= el.offsetLeft;
y+= el.offsetTop;
el = el.offsetParent;
}
}
if (jQuery.browser.safari && jQuery.curCSS(e, 'position') == 'absolute') {
x-= document.body.offsetLeft;
y-= document.body.offsetTop;
}
el = e.parentNode;
while (el && el.tagName.toUpperCase() != 'BODY' && el.tagName.toUpperCase() != 'HTML') {
if (jQuery.curCSS(el, 'display') != 'inline') {
x-= el.scrollLeft;
y-= el.scrollTop;
}
el = el.parentNode;
}
}
if (restoreStyles == true) {
es.display = 'none';
es.position = oldPosition;
es.visibility = oldVisibility;
}
return { x: x, y: y };
},
getSize: function(e) {
var w = parseInt(jQuery.curCSS(e, 'width'), 10);
var h = parseInt(jQuery.curCSS(e, 'height'), 10);
var wb = 0;
var hb = 0;
if (jQuery.curCSS(e, 'display') != 'none') {
wb = e.offsetWidth;
hb = e.offsetHeight;
} else {
var es = e.style;
var oldVisibility = es.visibility;
var oldPosition = es.position;
es.visibility = 'hidden';
es.display = 'block';
es.position = 'absolute';
wb = e.offsetWidth;
hb = e.offsetHeight;
es.display = 'none';
es.position = oldPosition;
es.visibility = oldVisibility;
}
return { w: w, h: h, wb: wb, hb: hb };
},
getClient: function(e) {
var h, w;
if (e) {
w = e.clientWidth;
h = e.clientHeight;
} else {
var de = document.documentElement;
w = window.innerWidth || self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
h = window.innerHeight || self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;
}
return { w: w, h: h };
},
getScroll: function(e) {
var t = 0, l = 0, w = 0, h = 0, iw = 0, ih = 0;
if (e && e.nodeName.toLowerCase() != 'body') {
t = e.scrollTop;
l = e.scrollLeft;
w = e.scrollWidth;
h = e.scrollHeight;
} else {
if (document.documentElement) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
} else if (document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
if (typeof pageYOffset != 'undefined') {
t = pageYOffset;
l = pageXOffset;
}
iw = self.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0;
ih = self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
}
return { t: t, l: l, w: w, h: h, iw: iw, ih: ih };
},
getMargins: function(e, toInteger) {
var t = jQuery.curCSS(e, 'marginTop') || '';
var r = jQuery.curCSS(e, 'marginRight') || '';
var b = jQuery.curCSS(e, 'marginBottom') || '';
var l = jQuery.curCSS(e, 'marginLeft') || '';
if (toInteger)
return {
t: parseInt(t, 10) || 0,
r: parseInt(r, 10) || 0,
b: parseInt(b, 10) || 0,
l: parseInt(l, 10)
};
else
return { t: t, r: r, b: b, l: l };
},
getPadding: function(e, toInteger) {
var t = jQuery.curCSS(e, 'paddingTop') || '';
var r = jQuery.curCSS(e, 'paddingRight') || '';
var b = jQuery.curCSS(e, 'paddingBottom') || '';
var l = jQuery.curCSS(e, 'paddingLeft') || '';
if (toInteger)
return {
t: parseInt(t, 10) || 0,
r: parseInt(r, 10) || 0,
b: parseInt(b, 10) || 0,
l: parseInt(l, 10)
};
else
return { t: t, r: r, b: b, l: l };
},
getBorder: function(e, toInteger) {
var t = jQuery.curCSS(e, 'borderTopWidth') || '';
var r = jQuery.curCSS(e, 'borderRightWidth') || '';
var b = jQuery.curCSS(e, 'borderBottomWidth') || '';
var l = jQuery.curCSS(e, 'borderLeftWidth') || '';
if (toInteger)
return {
t: parseInt(t, 10) || 0,
r: parseInt(r, 10) || 0,
b: parseInt(b, 10) || 0,
l: parseInt(l, 10) || 0
};
else
return { t: t, r: r, b: b, l: l };
},
traverseDOM: function(nodeEl, func) {
func(nodeEl);
nodeEl = nodeEl.firstChild;
while (nodeEl) {
EYE.traverseDOM(nodeEl, func);
nodeEl = nodeEl.nextSibling;
}
},
getInnerWidth: function(el, scroll) {
var offsetW = el.offsetWidth;
return scroll ? Math.max(el.scrollWidth, offsetW)-offsetW+el.clientWidth : el.clientWidth;
},
getInnerHeight: function(el, scroll) {
var offsetH = el.offsetHeight;
return scroll ? Math.max(el.scrollHeight, offsetH)-offsetH+el.clientHeight : el.clientHeight;
},
getExtraWidth: function(el) {
if ($.boxModel)
return (parseInt($.curCSS(el, 'paddingLeft')) || 0)
+(parseInt($.curCSS(el, 'paddingRight')) || 0)
+(parseInt($.curCSS(el, 'borderLeftWidth')) || 0)
+(parseInt($.curCSS(el, 'borderRightWidth')) || 0);
return 0;
},
getExtraHeight: function(el) {
if ($.boxModel)
return (parseInt($.curCSS(el, 'paddingTop')) || 0)
+(parseInt($.curCSS(el, 'paddingBottom')) || 0)
+(parseInt($.curCSS(el, 'borderTopWidth')) || 0)
+(parseInt($.curCSS(el, 'borderBottomWidth')) || 0);
return 0;
},
isChildOf: function(parentEl, el, container) {
if (parentEl == el) {
return true;
}
if (!el || !el.nodeType || el.nodeType != 1) {
return false;
}
if (parentEl.contains && !$.browser.safari) {
return parentEl.contains(el);
}
if (parentEl.compareDocumentPosition) {
return !!(parentEl.compareDocumentPosition(el) & 16);
}
var prEl = el.parentNode;
while (prEl && prEl != container) {
if (prEl == parentEl)
return true;
prEl = prEl.parentNode;
}
return false;
},
centerEl: function(el, axis) {
var clientScroll = EYE.getScroll();
var size = EYE.getSize(el);
if (!axis || axis == 'vertically')
$(el).css(
{
top: clientScroll.t+((Math.min(clientScroll.h, clientScroll.ih)-size.hb) / 2)+'px'
}
);
if (!axis || axis == 'horizontally')
$(el).css(
{
left: clientScroll.l+((Math.min(clientScroll.w, clientScroll.iw)-size.wb) / 2)+'px'
}
);
}
});
if (!$.easing.easeout) {
$.easing.easeout = function(p, n, firstNum, delta, duration) {
return-delta * ((n = n / duration-1) * n * n * n-1)+firstNum;
};
}
})(jQuery);
/**
*
* Zoomimage
* Author: Stefan Petre www.eyecon.ro
*
*/
(function($) {
EYE.extend({
zoomimage: {
libs: {},
types: /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g,
current: null,
moved: false,
pointer: { x: 0, y: 0 },
diff: { x: 0, y: 0 },
trackKey: false,
defaults: {
opacity: 0.3, //caption opacity
border: 0, // border arround the image
shadow: 6, // shadow size
duration: 300, // animation duration
prevent: 14, // pixels to move the mouse before the image is dragged
controls: true, // display controls
caption: true, // display caption
hideSource: false,
centered: false,
className: false,
onLoad: function() { return false },
beforeZoomIn: function() { return false },
onZoomIn: function() { return false },
beforeZoomOut: function() { return false },
onZoomOut: function() { return false },
onFocus: function() { return false },
controlsTrigger: 'focus',
easing: 'linear',
preload: 'click'
},
template: [
'',
'
',
'
![]()
',
'
',
'
',
'
',
'
'+titleAttr+'
');
if (el.zoomimageCfg.preload == 'load') {
EYE.zoomimage.preload(el);
}
if (EYE.zoomimage.trackKey === false) {
EYE.zoomimage.trackKey = true;
$(document).bind('keydown', EYE.zoomimage.keyPressed);
}
}
});
}
}
});
$.fn.extend({
/**
* Open all images found in 'href' attribute from each element specified in the selection. The images are grouped in galleries. The images are preloaded before any user interation.
* @name zoomimage
* @description Open all images found in 'href' attribute from each element specified in the selection. The images are grouped in galleries
* @param Hash options A hash of parameters. All parameters are optional.
* @option float opacity The opacity for the caption and controls. Default: 0.3
* @option int border Image's border. Default: 0
* @option int duration Animation duration. Default 300
* @option int prevent Pixes to move the mouse before the images is dragged (prevents accidental dragging). Default: 14
* @option boolean controls Whatever if the controls are displayed (if the image is not part of an libriry then the controls are not displayed)
* @option boolean caption Whatever if the caption is displayed (the caption text is the text from 'title' atribute. Default: true
* @option boolean centered Whatever if the image should be centered in the viewport or to the trigger. Default: false
* @option string easing Animation easing. Default: linear
* @option boolean hideSource Whatever to hide source when the image is opened. Default: false
* @option string className CSS class to add to image's box. Default: false
* @option string controlsTrigger 'focus' to show caption and controls when the box is focused or 'mouseover' to show controls and caption on mouse over. Default: 'focus'
* @option string preload 'click' to preload the image when the trigger is clicked or 'load' to preload the image on document load. Default: 'click'
* @option function onLoad Callback function triggered when the image was loaded
* @option function beforeZoomIn Callback function triggered before the image is zoomed in
* @option function onZoomIn Callback function triggered when the image is zooms in
* @option function beforeZoomOut Callback function triggered before the image is zoomed out
* @option function onZoomOut Callback function triggered when the image is zooms out
* @option function onFocus Callback function triggered when the image is focused
*/
zoomimage: EYE.zoomimage.init,
/**
* Zooms out all opened images and removes orphans (when the trigger was not found)
* To clear specific images use for slector 'div.zooimage[whatever]', else all the images are processed
*/
zoomimageClear: EYE.zoomimage.clear
});
})(jQuery);
(function($) {
var initLayout = function() {
$('a.imgZoom').zoomimage({
border: 20,
centered: true,
opacity: 0.4
});
};
EYE.register(initLayout, 'init');
})(jQuery)