|
|
| Line 161: |
Line 161: |
| | </head> | | </head> |
| | <body> | | <body> |
| - | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | (function($) {
| |
| - | $.fn.easySlider = function(options) {
| |
| - | var defaults = {
| |
| - | prevId: 'prevBtn',
| |
| - | prevText: 'Previous',
| |
| - | nextId: 'nextBtn',
| |
| - | nextText: 'Next',
| |
| - | controlsShow: true,
| |
| - | controlsBefore: '',
| |
| - | controlsAfter: '',
| |
| - | controlsFade: true,
| |
| - | firstId: 'firstBtn',
| |
| - | firstText: 'First',
| |
| - | firstShow: false,
| |
| - | lastId: 'lastBtn',
| |
| - | lastText: 'Last',
| |
| - | lastShow: false,
| |
| - | vertical: false,
| |
| - | speed: 400,
| |
| - | auto: false,
| |
| - | pause: 2000,
| |
| - | continuous: false,
| |
| - | numeric: false,
| |
| - | numericId: 'controls'
| |
| - | };
| |
| - | var options = $.extend(defaults, options);
| |
| - | this.each(function() {
| |
| - | var obj = $(this);
| |
| - | var s = $("li", obj).length;
| |
| - | var w = $("li", obj).width();
| |
| - | var h = $("li", obj).height();
| |
| - | var clickable = true;
| |
| - | obj.width(w);
| |
| - | obj.height(h);
| |
| - | obj.css("overflow", "hidden");
| |
| - | var ts = s - 1;
| |
| - | var t = 0;
| |
| - | $("ul", obj).css('width', s * w);
| |
| - | if (options.continuous) {
| |
| - | $("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left", "-" + w + "px"));
| |
| - | $("ul", obj).append($("ul li:nth-child(2)", obj).clone());
| |
| - | $("ul", obj).css('width', (s + 1) * w);
| |
| - | };
| |
| - | if (!options.vertical) $("li", obj).css('float', 'left');
| |
| - | if (options.controlsShow) {
| |
| - | var html = options.controlsBefore;
| |
| - | if (options.numeric) {
| |
| - | html += '<ol id="' + options.numericId + '"></ol>';
| |
| - | } else {
| |
| - | if (options.firstShow) html += '<span id="' + options.firstId + '"><a href=\"javascript:void(0);\">' + options.firstText + '</a></span>';
| |
| - | html += ' <span id="' + options.prevId + '"><a href=\"javascript:void(0);\">' + options.prevText + '</a></span>';
| |
| - | html += ' <span id="' + options.nextId + '"><a href=\"javascript:void(0);\">' + options.nextText + '</a></span>';
| |
| - | if (options.lastShow) html += ' <span id="' + options.lastId + '"><a href=\"javascript:void(0);\">' + options.lastText + '</a></span>';
| |
| - | };
| |
| - | html += options.controlsAfter;
| |
| - | $(obj).after(html);
| |
| - | };
| |
| - | if (options.numeric) {
| |
| - | for (var i = 0; i < s; i++) {
| |
| - | $(document.createElement("li")).attr('id', options.numericId + (i + 1)).html('<a rel=' + i + ' href=\"javascript:void(0);\">' + (i + 1) + '</a>').appendTo($("#" + options.numericId)).click(function() {
| |
| - | animate($("a", $(this)).attr('rel'), true);
| |
| - | });
| |
| - | };
| |
| - | } else {
| |
| - | $("a", "#" + options.nextId).click(function() {
| |
| - | animate("next", true);
| |
| - | });
| |
| - | $("a", "#" + options.prevId).click(function() {
| |
| - | animate("prev", true);
| |
| - | });
| |
| - | $("a", "#" + options.firstId).click(function() {
| |
| - | animate("first", true);
| |
| - | });
| |
| - | $("a", "#" + options.lastId).click(function() {
| |
| - | animate("last", true);
| |
| - | });
| |
| - | };
| |
| - | function setCurrent(i) {
| |
| - | i = parseInt(i) + 1;
| |
| - | $("li", "#" + options.numericId).removeClass("current");
| |
| - | $("li#" + options.numericId + i).addClass("current");
| |
| - | };
| |
| - | function adjust() {
| |
| - | if (t > ts) t = 0;
| |
| - | if (t < 0) t = ts;
| |
| - | if (!options.vertical) {
| |
| - | $("ul", obj).css("margin-left", (t * w * -1));
| |
| - | } else {
| |
| - | $("ul", obj).css("margin-left", (t * h * -1));
| |
| - | }
| |
| - | clickable = true;
| |
| - | if (options.numeric) setCurrent(t);
| |
| - | };
| |
| - | function animate(dir, clicked) {
| |
| - | if (clickable) {
| |
| - | clickable = false;
| |
| - | var ot = t;
| |
| - | switch (dir) {
| |
| - | case "next":
| |
| - | t = (ot >= ts) ? (options.continuous ? t + 1 : ts) : t + 1;
| |
| - | break;
| |
| - | case "prev":
| |
| - | t = (t <= 0) ? (options.continuous ? t - 1 : 0) : t - 1;
| |
| - | break;
| |
| - | case "first":
| |
| - | t = 0;
| |
| - | break;
| |
| - | case "last":
| |
| - | t = ts;
| |
| - | break;
| |
| - | default:
| |
| - | t = dir;
| |
| - | break;
| |
| - | };
| |
| - | var diff = Math.abs(ot - t);
| |
| - | var speed = diff * options.speed;
| |
| - | if (!options.vertical) {
| |
| - | p = (t * w * -1);
| |
| - | $("ul", obj).animate({
| |
| - | marginLeft: p
| |
| - | },
| |
| - | {
| |
| - | queue: false,
| |
| - | duration: speed,
| |
| - | complete: adjust
| |
| - | });
| |
| - | } else {
| |
| - | p = (t * h * -1);
| |
| - | $("ul", obj).animate({
| |
| - | marginTop: p
| |
| - | },
| |
| - | {
| |
| - | queue: false,
| |
| - | duration: speed,
| |
| - | complete: adjust
| |
| - | });
| |
| - | };
| |
| - | if (!options.continuous && options.controlsFade) {
| |
| - | if (t == ts) {
| |
| - | $("a", "#" + options.nextId).hide();
| |
| - | $("a", "#" + options.lastId).hide();
| |
| - | } else {
| |
| - | $("a", "#" + options.nextId).show();
| |
| - | $("a", "#" + options.lastId).show();
| |
| - | };
| |
| - | if (t == 0) {
| |
| - | $("a", "#" + options.prevId).hide();
| |
| - | $("a", "#" + options.firstId).hide();
| |
| - | } else {
| |
| - | $("a", "#" + options.prevId).show();
| |
| - | $("a", "#" + options.firstId).show();
| |
| - | };
| |
| - | };
| |
| - | if (clicked) clearTimeout(timeout);
| |
| - | if (options.auto && dir == "next" && !clicked) {;
| |
| - | timeout = setTimeout(function() {
| |
| - | animate("next", false);
| |
| - | },
| |
| - | diff * options.speed + options.pause);
| |
| - | };
| |
| - | };
| |
| - | };
| |
| - | var timeout;
| |
| - | if (options.auto) {;
| |
| - | timeout = setTimeout(function() {
| |
| - | animate("next", false);
| |
| - | },
| |
| - | options.pause);
| |
| - | };
| |
| - | if (options.numeric) setCurrent(0);
| |
| - | if (!options.continuous && options.controlsFade) {
| |
| - | $("a", "#" + options.prevId).hide();
| |
| - | $("a", "#" + options.firstId).hide();
| |
| - | };
| |
| - | });
| |
| - | };
| |
| - | })(jQuery);
| |
| - |
| |
| - | $(document).ready(function(){
| |
| - | $("#slider").easySlider({
| |
| - | auto: false, continuous: true,
| |
| - | numeric: true
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | sfHover = function() {
| |
| - | var sfEls = document.getElementById("nav2").getElementsByTagName("LI");
| |
| - | for (var i=0; i<sfEls.length; i++) {
| |
| - | sfEls[i].onmouseover=function() {
| |
| - | this.className+=" sfhover";
| |
| - | }
| |
| - | sfEls[i].onmouseout=function() {
| |
| - | this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - | if (window.attachEvent) window.attachEvent("onload", sfHover);
| |
| - | </script>
| |
| | <div id="header"> | | <div id="header"> |
| | <div class="logo-area"> | | <div class="logo-area"> |
"
