(function($) {

    $.fn.easySlider = function(options) {

        // default configuration properties    
        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: 800,
            auto: false,
            pause: 2000,
            continuous: false
        };

        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();
            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.vertical) $("li", obj).css('float', 'left');

            if (options.controlsShow) {
                var html = options.controlsBefore;
                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);
            };

            $("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 setcurrentpage(currentpage) {
                var hd = document.getElementById(hdReferences);
                hd.value = currentpage;
                if (s > 1) {
                    var numPage = document.getElementById('pageRef');
                    var pageIndex = currentpage + 1;
                    numPage.innerHTML = pageText + ' ' + pageIndex + '/' + s;
                }
                else {
                    numPage.innerHTML = "";
                }
            }
            function animate(dir, clicked) {
                var ot = t;
                switch (dir) {
                    case "next":
                        t = (ot >= ts) ? (options.continuous ? 0 : ts) : t + 1;
                        break;
                    case "prev":
                        t = (t <= 0) ? (options.continuous ? ts : 0) : t - 1;
                        break;
                    case "first":
                        t = 0;
                        break;
                    case "last":
                        t = ts;
                        break;
                    default:
                        break;
                };
                setcurrentpage(t);
                var diff = Math.abs(ot - t);
                var speed = diff * options.speed;
                if (!options.vertical) {
                    p = (t * w * -1);
                    $("ul", obj).animate(
						{ marginLeft: p },
						speed
					);
                } else {
                    p = (t * h * -1);
                    $("ul", obj).animate(
						{ marginTop: p },
						speed
					);
                };

                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);
                };

            };
            // init
            var timeout;
            if (options.auto) {
                ;
                timeout = setTimeout(function() {
                    animate("next", false);
                }, options.pause);
            };

            if (!options.continuous && options.controlsFade) {
                $("a", "#" + options.prevId).hide();
                $("a", "#" + options.firstId).hide();
            };

            var hd = document.getElementById(hdReferences);
            if (hd.value != "") {
                var i = 0;
                var count = hd.value;
                for (i = 0; i < count; i++) {
                    animate("next", true);
                }
            }


            if (s <= 1) {
                $("a", "#" + options.nextId).hide();
            }
            else {
                setcurrentpage(t); 
//                var numPage = document.getElementById('pageRef');
//                var i = 1;
//                var currentPage = 1;
//                numPage.innerHTML = pageText + ' ' + currentPage + '/' + s;
            }

        });

    };

})(jQuery);

(function($) {

    $.fn.easySlider2 = function(options) {

        // default configuration properties
        var defaults = {
            prevId: 'prevBtn2',
            prevText: '',
            nextId: 'nextBtn2',
            nextText: '',
            controlsShow: true,
            controlsBefore: '',
            controlsAfter: '',
            controlsFade: true,
            firstId: 'firstBtn2',
            firstText: 'First',
            firstShow: false,
            lastId: 'lastBtn2',
            lastText: 'Last',
            lastShow: false,
            vertical: false,
            speed: 800,
            auto: false,
            pause: 2000,
            continuous: false
        };

        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();
            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.vertical) $("li", obj).css('float', 'left');

            if (options.controlsShow) {
                var html = options.controlsBefore;
                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);
            };

            $("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 setcurrentpage(currentpage) {
               
                var hd = document.getElementById(hdAcessories);
                hd.value = currentpage;
                if (s > 1) {
                    var numPage = document.getElementById('pageAccessories');
                    var pageIndex = currentpage + 1;
                    
                    numPage.innerHTML = pageText + ' ' + pageIndex + '/' + s;
                }
                else {
                    numPage.innerHTML = "";
                }
            }
            function animate(dir, clicked) {
                var ot = t;
                switch (dir) {
                    case "next":
                        t = (ot >= ts) ? (options.continuous ? 0 : ts) : t + 1;
                        break;
                    case "prev":
                        t = (t <= 0) ? (options.continuous ? ts : 0) : t - 1;
                        break;
                    case "first":
                        t = 0;
                        break;
                    case "last":
                        t = ts;
                        break;
                    default:
                        break;
                };
                setcurrentpage(t);
                var diff = Math.abs(ot - t);
                var speed = diff * options.speed;
                if (!options.vertical) {
                    p = (t * w * -1);
                    $("ul", obj).animate(
						{ marginLeft: p },
						speed
					);
                } else {
                    p = (t * h * -1);
                    $("ul", obj).animate(
						{ marginTop: p },
						speed
					);
                };

                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);
                };

            };
            // init
            var timeout;
            if (options.auto) {
                ;
                timeout = setTimeout(function() {
                    animate("next", false);
                }, options.pause);
            };

            if (!options.continuous && options.controlsFade) {
                $("a", "#" + options.prevId).hide();
                $("a", "#" + options.firstId).hide();
            };
            var hd = document.getElementById(hdAcessories);
            if (hd.value != "") {
                var i = 0;
                var count = hd.value;
                for (i = 0; i < count; i++) {
                    animate("next", true);
                }
            }
            if (s <= 1) {
                $("a", "#" + options.nextId).hide();
            }
            else {
                setcurrentpage(t);           
//                var numPage = document.getElementById('pageAccessories');
//                var currentPage = 1;
//                numPage.innerHTML = pageText + ' ' + currentPage + '/' + s;
//                alert(currentPage);
            }



        });

    };

})(jQuery);




////////////////////////////////  start  //////////////////////////////////////////
(function($) {

    $.fn.deasySlider = function(options) {

        // default configuration properties
        var defaults = {
            prevId: 'back',
            prevText: 'Forrige',
            nextId: 'forward',
            nextText: 'Neste',  
            controlsShow: true,
            controlsBefore: '',
            controlsAfter: '',
            controlsFade: false,
            firstId: 'firstBtn',
            firstText: 'First',
            firstShow: false,
            lastId: 'lastBtn',
            lastText: 'Last',
            lastShow: false,
            vertical: false,
            speed: 1000,
            auto: false,
            pause: 3000,
            continuous: true
        };

        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();

            //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.vertical) $("li", obj).css('float', 'left').css('width', '660px');
            if (!options.vertical) $("li", obj).css('float', 'left').css('width', '700px');

            if (options.controlsShow) {
                var html = options.controlsBefore;

                //html += '<div id="pageSlide"> ';
                
                if (options.firstShow) html += '<div id="' + options.firstId + '"><a href=\"javascript:void(0);\">' + options.firstText + '</a></div>';
                html += ' <div id="' + options.prevId + '"><a href=\"javascript:void(0);\">' + options.prevText + '</a></div>';

                html += '<div id="numPage"> ';
                html += '</div> ';

                html += ' <div id="' + options.nextId + '"><a href=\"javascript:void(0);\">' + options.nextText + '</a></div>';
                if (options.lastShow) html += ' <div id="' + options.lastId + '"><a href=\"javascript:void(0);\">' + options.lastText + '</a></div>';
                html += options.controlsAfter;

                //html += '</div> ';
                
                $(obj).after(html);
            };

            $("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 animate(dir, clicked) {
                ////           
                var ot = t;
                var flag = false;
                switch (dir) {
                    case "next":
                        t = (ot >= ts) ? (options.continuous ? t + 1 : ts) : t + 1;
                        flag = true;
                        break;
                    case "prev":
                        t = (t <= 0) ? (options.continuous ? ts : 0) : t - 1;
                        flag = true;
                        break;
                    case "first":
                        t = 0;
                        flag = true;
                        break;
                    case "last":
                        t = ts;
                        flag = true;
                        break;
                    default:
                        break;
                };
                if (!flag) {
                    //alert("dir="+dir+'=>'+parseInt(dir));
                    t = parseInt(dir);
                }
                var diff = Math.abs(ot - t);
                var speed = diff * options.speed;
                if (!options.vertical) {
                    if (s > 1) {
                        var numPage = document.getElementById('numPage');
                        var l = 1;
                        numPage.innerHTML = "";
                        var current = t % s;
                        if (!flag) {
                            current = t;
                        }
                        //alert('c='+current);
                        for (l = 0; l < s; l++) {
                            if (l == current) {
                                numPage.innerHTML += '<span id="no' + (l + 1) + '"><a class=\'active\' href=\"javascript:void(0);\">' + (l + 1) + '</a></span>';
                            }
                            else {
                                numPage.innerHTML += '<span id="no' + (l + 1) + '"><a href=\"javascript:void(0);\">' + (l + 1) + '</a></span>';
                            }
                        }
                        var i = 0;
                        for (i = 0; i < s; i++) {
                            var id = "#no" + (i + 1).toString();
                            $(id).click(function() {
                                var id = $(this).attr('id').replace('no', '');
                                animate(id - 1, true);
                            });
                        }
                    }
                    if (t != 0 && t % ts == 0) {
                        var k = 0;
                        for (k = 0; k < s; k++) {
                            var li = document.createElement("li");
                            li.style.float = "left";
                            //if (!options.vertical) li.style.width = "660px";
                            if (!options.vertical) li.style.width = "700px";
                            li.innerHTML = $("li", obj)[k].innerHTML;
                            $("ul", obj)[0].appendChild(li);
                        }
                        //                        var len = $("li", obj).length;
                        //                        for (u = 2; u < len - 2; u++) {                            
                        //                            $("li", obj)[u].innerHTML = "";
                        //                        }
                        //alert($("li", obj).length);
                    }
                    if (t != 0 && t % (ts + 1) == 0) {
                        var width = w * s;
                        $("ul", obj).width($("ul", obj).width() + width);

                    }
                    p = (t * w * -1);
                    $("ul", obj).animate(
						{ marginLeft: p },
						speed
					);
                } else {
                    p = (t * h * -1);
                    $("ul", obj).animate(
						{ marginTop: p },
						speed
					);
                };

                if (!options.continuous && options.controlsFade) {
                    if (t == ts) {
                        $("a", "#" + options.nextId).show();
                        $("a", "#" + options.lastId).hide();
                    } else {
                        $("a", "#" + options.nextId).show();
                        $("a", "#" + options.lastId).show();
                    };
                    if (t == 0) {
                        $("a", "#" + options.prevId).show();
                        $("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);
                };

            };
            // init
            var timeout;
            if (s == 1) {
                options.auto = false;
                $("a", "#" + options.prevId).hide();
                $("a", "#" + options.nextId).hide();
            }
            if (options.auto) {
                ;
                timeout = setTimeout(function() {
                    animate("next", false);
                }, options.pause);
            };

            if (!options.continuous && options.controlsFade) {
                $("a", "#" + options.prevId).show();
                $("a", "#" + options.firstId).hide();
            };
            if (s > 1) {
                var numPage = document.getElementById('numPage');
                var i = 1;

                for (i = 1; i <= s; i++) {
                    if (i == 1) {
                        numPage.innerHTML += '<span id="no1"><a class=\'active\' href=\"javascript:void(0);\">' + "1" + '</a></span>';
                    }
                    else {
                        numPage.innerHTML += '<span id="no' + i + '"><a href=\"javascript:void(0);\">' + i + '</a></span>';
                    }
                }
                //////   

                for (i = 0; i < s; i++) {
                    var id = "#no" + (i + 1).toString();
                    $(id).click(function() {
                        var id = $(this).attr('id').replace('no', '');
                        animate(id - 1, true);
                    });
                }
            }
        });

    };

})(jQuery);

////////////////////////////////   end  //////////////////////////////////////////




(function($) {

    $.fn.drecommendSlider = function(options) {

        // default configuration properties
        var defaults = {
            prevId: 'r_back',
            prevText: 'Forrige',            
            nextId: 'r_forward',
            nextText: 'Neste',            
            controlsShow: true,
            controlsBefore: '',
            controlsAfter: '',
            controlsFade: false,
            firstId: 'firstBtn',
            firstText: 'First',
            firstShow: false,
            lastId: 'lastBtn',
            lastText: 'Last',
            lastShow: false,
            vertical: false,
            speed: 1000,
            auto: false,
            pause: 3000,
            continuous: false
        };

        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();

            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.vertical) $("li", obj).css('float', 'left').css('width', '700px');

            if (options.controlsShow) {

                var html = options.controlsBefore;
                html += '<div id="r_pageSlide"> ';
                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 += '<div id="r_numPage"> ';
                html += '</div> ';

                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;
                html += '</div> ';
                $(obj).after(html);
            };

            $("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 animate(dir, clicked) {
                ////           
                var ot = t;
                var flag = false;
                switch (dir) {
                    case "next":
                        t = (ot >= ts) ? (options.continuous ? t + 1 : ts) : t + 1;
                        flag = true;
                        break;
                    case "prev":
                        t = (t <= 0) ? (options.continuous ? ts : 0) : t - 1;
                        flag = true;
                        break;
                    case "first":
                        t = 0;
                        flag = true;
                        break;
                    case "last":
                        t = ts;
                        flag = true;
                        break;
                    default:
                        break;
                };
                if (!flag) {
                    //alert("dir="+dir+'=>'+parseInt(dir));
                    t = parseInt(dir);
                }
                var diff = Math.abs(ot - t);
                var speed = diff * options.speed;
                if (!options.vertical) {
                    if (s > 1) {
                        var numPage = document.getElementById('r_numPage');
                        var l = 1;
                        numPage.innerHTML = "";
                        var current = t % s;
                        if (!flag) {
                            current = t;
                        }
                        //alert('c='+current);
                        for (l = 0; l < s; l++) {
                            if (l == current) {
                                numPage.innerHTML += '<span id="no' + (l + 1) + '"><a  class=\'active\' href=\"javascript:void(0);\">' + (l + 1) + '</a></span>';
                            }
                            else {
                                numPage.innerHTML += '<span id="no' + (l + 1) + '"><a href=\"javascript:void(0);\">' + (l + 1) + '</a></span>';
                            }
                        }
                        var i = 0;
                        for (i = 0; i < s; i++) {
                            var id = "#no" + (i + 1).toString();
                            $(id).click(function() {
                                var id = $(this).attr('id').replace('no', '');
                                animate(id - 1, true);
                            });
                        }
                    }
                    if (t != 0 && t % ts == 0) {
                        var k = 0;
                        for (k = 0; k < s; k++) {
                            var li = document.createElement("li");
                            li.style.float = "left";
                            if (!options.vertical) li.style.width = "700px";
                            li.innerHTML = $("li", obj)[k].innerHTML;
                            $("ul", obj)[0].appendChild(li);
                        }
                        //                        var len = $("li", obj).length;
                        //                        for (u = 2; u < len - 2; u++) {                            
                        //                            $("li", obj)[u].innerHTML = "";
                        //                        }
                        //alert($("li", obj).length);
                    }
                    if (t != 0 && t % (ts + 1) == 0) {
                        var width = w * s;
                        //$("ul", obj).width($("ul", obj).width() + width);

                    }
                    p = (t * w * -1);
                    $("ul", obj).animate(
						{ marginLeft: p },
						speed
					);
                } else {
                    p = (t * h * -1);
                    $("ul", obj).animate(
						{ marginTop: p },
						speed
					);
                };

                if (!options.continuous && options.controlsFade) {
                    if (t == ts) {
                        $("a", "#" + options.nextId).show();
                        $("a", "#" + options.lastId).hide();
                    } else {
                        $("a", "#" + options.nextId).show();
                        $("a", "#" + options.lastId).show();
                    };
                    if (t == 0) {
                        $("a", "#" + options.prevId).show();
                        $("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);
                };

            };
            // init
            var timeout;
            if (s == 1) {
                options.auto = false;
                $("a", "#" + options.prevId).hide();
                $("a", "#" + options.nextId).hide();
            }
            if (options.auto) {
                ;
                timeout = setTimeout(function() {
                    animate("next", false);
                }, options.pause);
            };

            if (!options.continuous && options.controlsFade) {
                $("a", "#" + options.prevId).show();
                $("a", "#" + options.firstId).hide();
            };
            if (s > 1) {
                var numPage = document.getElementById('r_numPage');
                var i = 1;

                for (i = 1; i <= s; i++) {
                    if (i == 1) {
                        numPage.innerHTML += '<span id="no1"><a class=\'active\' href=\"javascript:void(0);\">' + "1" + '</a></span>';
                    }
                    else {
                        numPage.innerHTML += '<span id="no' + i + '"><a href=\"javascript:void(0);\">' + i + '</a></span>';
                    }
                }
                //////   

                for (i = 0; i < s; i++) {
                    var id = "#no" + (i + 1).toString();
                    $(id).click(function() {
                        var id = $(this).attr('id').replace('no', '');
                        animate(id - 1, true);
                    });
                }
            }
        });

    };
})(jQuery);

////////////////////////////////////////////////////////////////////////