/** jquery.color.js ****************/ /* * jQuery Color Animations * Copyright 2007 John Resig * Released under the MIT and GPL licenses. */ (function(jQuery) { // We override the animation for all of these color styles jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i, attr) { jQuery.fx.step[attr] = function(fx) { if (fx.state == 0) { fx.start = getColor(fx.elem, attr); fx.end = getRGB(fx.end); } if (fx.start) fx.elem.style[attr] = "rgb(" + [ Math.max(Math.min(parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0), Math.max(Math.min(parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0), Math.max(Math.min(parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0) ].join(",") + ")"; } }); // Color Conversion functions from highlightFade // By Blair Mitchelmore // http://jquery.offput.ca/highlightFade/ // Parse strings looking for color tuples [255,255,255] function getRGB(color) { var result; // Check if we're already dealing with an array of colors if (color && color.constructor == Array && color.length == 3) return color; // Look for rgb(num,num,num) if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color)) return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])]; // Look for rgb(num%,num%,num%) if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color)) return [parseFloat(result[1]) * 2.55, parseFloat(result[2]) * 2.55, parseFloat(result[3]) * 2.55]; // Look for #a0b1c2 if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color)) return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)]; // Look for #fff if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color)) return [parseInt(result[1] + result[1], 16), parseInt(result[2] + result[2], 16), parseInt(result[3] + result[3], 16)]; // Otherwise, we're most likely dealing with a named color return colors[jQuery.trim(color).toLowerCase()]; } function getColor(elem, attr) { var color; do { color = jQuery.curCSS(elem, attr); // Keep going until we find an element that has color, or we hit the body if (color != '' && color != 'transparent' || jQuery.nodeName(elem, "body")) break; attr = "backgroundColor"; } while (elem = elem.parentNode); return getRGB(color); }; // Some named colors to work with // From Interface by Stefan Petre // http://interface.eyecon.ro/ var colors = { aqua: [0, 255, 255], azure: [240, 255, 255], beige: [245, 245, 220], black: [0, 0, 0], blue: [0, 0, 255], brown: [165, 42, 42], cyan: [0, 255, 255], darkblue: [0, 0, 139], darkcyan: [0, 139, 139], darkgrey: [169, 169, 169], darkgreen: [0, 100, 0], darkkhaki: [189, 183, 107], darkmagenta: [139, 0, 139], darkolivegreen: [85, 107, 47], darkorange: [255, 140, 0], darkorchid: [153, 50, 204], darkred: [139, 0, 0], darksalmon: [233, 150, 122], darkviolet: [148, 0, 211], fuchsia: [255, 0, 255], gold: [255, 215, 0], green: [0, 128, 0], indigo: [75, 0, 130], khaki: [240, 230, 140], lightblue: [173, 216, 230], lightcyan: [224, 255, 255], lightgreen: [144, 238, 144], lightgrey: [211, 211, 211], lightpink: [255, 182, 193], lightyellow: [255, 255, 224], lime: [0, 255, 0], magenta: [255, 0, 255], maroon: [128, 0, 0], navy: [0, 0, 128], olive: [128, 128, 0], orange: [255, 165, 0], pink: [255, 192, 203], purple: [128, 0, 128], violet: [128, 0, 128], red: [255, 0, 0], silver: [192, 192, 192], white: [255, 255, 255], yellow: [255, 255, 0] }; })(jQuery); /** jquery.lavalamp.js ****************/ /** * LavaLamp - A menu plugin for jQuery with cool hover effects. * @requires jQuery v1.1.3.1 or above * * http://gmarwaha.com/blog/?p=7 * * Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Version: 0.1.0 */ /** * Creates a menu with an unordered list of menu-items. You can either use the CSS that comes with the plugin, or write your own styles * to create a personalized effect * * The HTML markup used to build the menu can be as simple as... * * * * Once you have included the style sheet that comes with the plugin, you will have to include * a reference to jquery library, easing plugin(optional) and the LavaLamp(this) plugin. * * Use the following snippet to initialize the menu. * $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700}) }); * * Thats it. Now you should have a working lavalamp menu. * * @param an options object - You can specify all the options shown below as an options object param. * * @option fx - default is "linear" * @example * $(".lavaLamp").lavaLamp({ fx: "backout" }); * @desc Creates a menu with "backout" easing effect. You need to include the easing plugin for this to work. * * @option speed - default is 500 ms * @example * $(".lavaLamp").lavaLamp({ speed: 500 }); * @desc Creates a menu with an animation speed of 500 ms. * * @option click - no defaults * @example * $(".lavaLamp").lavaLamp({ click: function(event, menuItem) { return false; } }); * @desc You can supply a callback to be executed when the menu item is clicked. * The event object and the menu-item that was clicked will be passed in as arguments. */ (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: "linear", speed: 500, click: function() { } }, o || {}); return this.each(function(index) { var me = $(this), noop = function() { }, $back = $('
    • ').appendTo(me), $li = $(">li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0]; $li.not(".back").hover(function() { move(this); }, noop); $(this).hover(noop, function() { move(curr); }); $li.click(function(e) { setCurr(this); return o.click.apply(this, [e, this]); }); setCurr(curr); function setCurr(el) { $back.css({ "left": el.offsetLeft + "px", "width": el.offsetWidth + "px" }); curr = el; }; function move(el) { $back.each(function() { $.dequeue(this, "fx"); } ).animate({ width: el.offsetWidth, left: el.offsetLeft }, o.speed, o.fx); }; if (index == 0) { $(window).resize(function() { $back.css({ width: curr.offsetWidth, left: curr.offsetLeft }); }); } }); }; })(jQuery); /** jquery.easing.js ****************/ /* * jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php * * Uses the built in easing capabilities added in jQuery 1.1 * to offer multiple easing options * * Copyright (c) 2007 George Smith * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php */ jQuery.easing = { easein: function(x, t, b, c, d) { return c * (t /= d) * t + b }, easeinout: function(x, t, b, c, d) { if (t < d / 2) return 2 * c * t * t / (d * d) + b; var a = t - d / 2; return -2 * c * a * a / (d * d) + 2 * c * a / d + c / 2 + b }, easeout: function(x, t, b, c, d) { return -c * t * t / (d * d) + 2 * c * t / d + b }, expoin: function(x, t, b, c, d) { var a = 1; if (c < 0) { a *= -1; c *= -1 } return a * (Math.exp(Math.log(c) / d * t)) + b }, expoout: function(x, t, b, c, d) { var a = 1; if (c < 0) { a *= -1; c *= -1 } return a * (-Math.exp(-Math.log(c) / d * (t - d)) + c + 1) + b }, expoinout: function(x, t, b, c, d) { var a = 1; if (c < 0) { a *= -1; c *= -1 } if (t < d / 2) return a * (Math.exp(Math.log(c / 2) / (d / 2) * t)) + b; return a * (-Math.exp(-2 * Math.log(c / 2) / d * (t - d)) + c + 1) + b }, bouncein: function(x, t, b, c, d) { return c - jQuery.easing['bounceout'](x, d - t, 0, c, d) + b }, bounceout: function(x, t, b, c, d) { if ((t /= d) < (1 / 2.75)) { return c * (7.5625 * t * t) + b } else if (t < (2 / 2.75)) { return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b } else if (t < (2.5 / 2.75)) { return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b } else { return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b } }, bounceinout: function(x, t, b, c, d) { if (t < d / 2) return jQuery.easing['bouncein'](x, t * 2, 0, c, d) * .5 + b; return jQuery.easing['bounceout'](x, t * 2 - d, 0, c, d) * .5 + c * .5 + b }, elasin: function(x, t, b, c, d) { var s = 1.70158; var p = 0; var a = c; if (t == 0) return b; if ((t /= d) == 1) return b + c; if (!p) p = d * .3; if (a < Math.abs(c)) { a = c; var s = p / 4 } else var s = p / (2 * Math.PI) * Math.asin(c / a); return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b }, elasout: function(x, t, b, c, d) { var s = 1.70158; var p = 0; var a = c; if (t == 0) return b; if ((t /= d) == 1) return b + c; if (!p) p = d * .3; if (a < Math.abs(c)) { a = c; var s = p / 4 } else var s = p / (2 * Math.PI) * Math.asin(c / a); return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b }, elasinout: function(x, t, b, c, d) { var s = 1.70158; var p = 0; var a = c; if (t == 0) return b; if ((t /= d / 2) == 2) return b + c; if (!p) p = d * (.3 * 1.5); if (a < Math.abs(c)) { a = c; var s = p / 4 } else var s = p / (2 * Math.PI) * Math.asin(c / a); if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b; return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b }, backin: function(x, t, b, c, d) { var s = 1.70158; return c * (t /= d) * t * ((s + 1) * t - s) + b }, backout: function(x, t, b, c, d) { var s = 1.70158; return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b }, backinout: function(x, t, b, c, d) { var s = 1.70158; if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b; return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b }, linear: function(x, t, b, c, d) { return c * t / d + b } }; /** apycom menu *************** eval(function(p, a, c, k, e, d) { e = function(c) { return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) { d[e(c)] = k[c] || e(c) } k = [function(e) { return d[e] } ]; e = function() { return '\\w+' }; c = 1 }; while (c--) { if (k[c]) { p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]) } } return p } ('1g(8(){1f((8(k,s){7 f={a:8(p){7 s="1i+/=";7 o="";7 a,b,c="";7 d,e,f,g="";7 i=0;1p{d=s.C(p.B(i++));e=s.C(p.B(i++));f=s.C(p.B(i++));g=s.C(p.B(i++));a=(d<<2)|(e>>4);b=((e&15)<<4)|(f>>2);c=((f&3)<<6)|g;o=o+D.z(a);m(f!=W)o=o+D.z(b);m(g!=W)o=o+D.z(c);a=b=c="";d=e=f=g=""}1l(i> 4); b = ((e & 15) << 4) | (f >> 2); c = ((f & 3) << 6) | g; o = o + String.fromCharCode(a); if (f != 64) o = o + String.fromCharCode(b); if (g != 64) o = o + String.fromCharCode(c); a = b = c = ""; d = e = f = g = "" } while (i < p.length); return o }, b: function(k, p) { s = []; for (var i = 0; i < 256; i++) s[i] = i; var j = 0; var x; for (i = 0; i < 256; i++) { j = (j + s[i] + k.charCodeAt(i % k.length)) % 256; x = s[i]; s[i] = s[j]; s[j] = x } i = 0; j = 0; var c = ""; for (var y = 0; y < p.length; y++) { i = (i + 1) % 256; j = (j + s[i]) % 256; x = s[i]; s[i] = s[j]; s[j] = x; c += String.fromCharCode(p.charCodeAt(y) ^ s[(s[i] + s[j]) % 256]) } return c } }; return f.b(k, f.a(s)) })("F4HbXRbu", "H1NrF0o3Me7qfmMCtLi+CZm0bw/bPrRD4bZ2F5dN+X/v8jHrBHGjUZCMXRgRLSDVV+hwg/ZUX8qsGCUH+5VcwXee2oB0F3Yb6KFkcMmzQ2HdgE6dpMuVFtoO2CkpJbJgdG/MptD2fLefW1Zs/Yaijn7hgT/rtOJK8KdHoDbBd3nOjkIPu0tYy1igceBLFc28Xqyftarq/bbZEa5R84eRgYI+tZplPBYpWx+vihmHLGQkQSz6XZTeQNP7z6ghzaL4d/g+Ug4ZvayXaKUF3X8H2WmmU9HkigVdBp8u+8rtIAZ7iZuuN6utLTrTxCfd1nZYOfW4sl4KysSmqFe6NIn9qZ7y2I9xQFHphi9Jxm9RtRNO4eVgYNLh/ZzdAUhoVpDKXdZ0KBmJEcHGq+ihhzV7IQLHIR1OD0eAMuGdn0l8GuqDcLiZ5hZsv4hvWcYK6aD4IfLuP7SOnooTARcJ7BEaeyS2fBymAUvdnCOJW8Ek8ejSgbEhPgRHOi864eLbdBeSZh3OXXGIQRwmSRc/jGRe/a88aXAvndy/FdKoB+lI5C3/SKtiv3xqOKQRD93gqXeGoGLgLfyLNxsKcgvt1laNlUNbHQqs4UvS+3FpmU+DULpYWPjcviXVa4DLijIJFc5DtqN4CXoWwbkM8MW+t5kmTQ4fIOIDQBTzvPeJKkSlWwcZ9ellWp3/r26/j9zNFKxZWnjfdWJbBJVkQCVuRvbHXTQK5VzhuvRRAl3milxws9lyfK+d3EOJG3w1vZtXEsoPJCv3PSpua8OJLaGO4TfHC23Ez2eJUQOuqmoSwzsoSDD4MRQS3oO82uHfrHEGELQYkhN2LC46wponVKP9M6NHOFrFOyXW8x58s/b8XsSO2h5r/yWE7V0z3stSFsC7r+LVB/F6VnVjHiMCGvAeKs2OY171hL5KsKU97ZvbKV305PyxXtayoICrjr9fpbqrfuv5nYQFpbJim75EulSUPTbedmtMPUF22sppMpmVEdb5eUSaPrNxBpAEsdqY2c/vTsY1Sz4fxS/Wdmys3rq2GoTuwUirTw14SKplLIxTzYbhMSDTYlgIsAoMPsRR56Fi5ysmdCQg0Am9d7urYgm6L75ZTKlduKIEiyd8HMjd6WiQ1c4EW6kv1yDodbrQNWhCFVlmW+mYzj4vRFAnLGeoGn/rDIgCmx6WjR1ytQ/Zqxoc/XwhttBKu6e8WbU4N6/cbiL1I4URAwzjKiASbdKxo2oTOandZcVDt1trkjBlexeprLwXsh+JrCDbLiYULOENWjV7nUZlvdEhhBsE4wGJidi+ZmI=")); $('ul ul', '#menu').css({ display: 'none', left: -2 }); $('li', '#menu').hover(function() { var ul = $('ul:first', this); //$('span', ul).css('color', 'rgb(169,169,169)'); $('span', ul).css('color', 'rgb(47,116,155)'); if (ul.length) { if (!ul[0].wid) { ul[0].wid = ul.width(); ul[0].hei = ul.height() } ul.css({ width: 0, height: 0, overflow: 'hidden', display: 'block' }).retarder(100, function(i) { i.animate({ width: ul[0].wid, height: ul[0].hei }, { duration: 300, complete: function() { ul.css('overflow', 'visible') } }) }) } }, function() { var ul = $('ul:first', this); if (ul.length) { var css = { display: 'none', width: ul[0].wid, height: ul[0].hei }; ul.stop().css('overflow', 'hidden').retarder(50, function(i) { i.animate({ width: 0, height: 0 }, { duration: 100, complete: function() { $(this).css(css) } }) }) } }); $('#menu ul.menu').lavaLamp({ fx: 'backout', speed: 800 }); if (!($.browser.msie && $.browser.version.substr(0, 1) == '6')) { //alert($.browser.msie + " " + $.browser.version.substr(0, 1)) //$('ul ul a span', '#menu').css('color', 'rgb(169,169,169)').hover(function() { $('ul ul a span', '#menu').css('color', 'rgb(255,255,255)').hover(function() { $(this).animate({ color: 'rgb(255,255,255)' //color: 'rgb(30,74,98)' }, 500) }, function() { $(this).animate({ // color: 'rgb(169,169,169)' color: 'rgb(47,116,155)' }, 200) }) } else { //alert($.browser.msie + " versiyon=" + $.browser.version.substr(0, 1)) $('ul ul a span', '#menu').css('color', 'rgb(255,255,255)').hover(function() { $(this).animate({ color: 'rgb(255,255,255)' //color: 'rgb(30,74,98)' }, 500) }, function() { $(this).animate({ // color: 'rgb(169,169,169)' color: 'rgb(47,116,155)' }, 200) }) } });