function extract_cssnumber(str) { var result = 0; var i = 0; while (i < str.length && !isNaN(str.charAt(i))) { var n = parseInt(str.charAt(i),10); result = result *10 + n; i++; } return result; } function MySlider(e,speed) { this.index = 0; this.amount = 1; this.out = true; this.border_not_selected='none'; this.interval; this.elapse = e*1000; this.border='2px solid gray'; this.faceOutSpeed = speed; this.interval2; this.interval_active = false; this.interval2_active = false; this.cursor_style = 'crosshair'; this.mainwidth = parseInt(extract_cssnumber($("#slider2_mainimage li img").css("width")),10); this.mainheight = parseInt(extract_cssnumber($("#slider2_mainimage li img").css("height")),10); this.thumbwidth = parseInt(extract_cssnumber($("#slider2_thumblist li img").css("width")),10); this.thumbheight = parseInt(extract_cssnumber($("#slider2_thumblist li img").css("height")),10); this.imginc = 2; this.next = function next(aux,current) { $("#slider2_infolist > li").eq(aux).hide(); $("#slider2_thumblist > li > img").eq(aux).attr("class",""); $("#slider2_imagelist > li").each(function(i) { if (aux == i) { $(this).css("z-index",1); $(this).show(); } else { var zi = parseInt($(this).css("z-index"),10); $(this).css("z-index",++zi); } }); $("#slider2_infolist > li").eq(current).show(); $("#slider2_thumblist > li > img").eq(current).attr("class","slider2_thumb_selected"); } this.tic = function tic() { var aux = this.index; this.index = (this.index+1)%this.amount; var object = this; $("#slider2_infolist > li").eq(aux).hide(); $("#slider2_thumblist > li > img").eq(aux).attr("class","slider2_thumb_noselected"); $("#slider2_imagelist > li").eq(aux).fadeOut(this.faceOutSpeed,function() { object.next(aux,object.index); }); } this.tic2 = function tic2() { window.clearInterval(this.interval2); this.interval = window.setInterval("slider.tic()",this.elapse); this.interval_active = true; } this.start = function start() { var obj = this; this.amount = $("#slider2_imagelist > li").size(); $("#slider2_imagelist > li").each(function(i) { $(this).css("z-index",obj.amount-i); }); $("#slider2_thumblist > li > img").each(function(i) { $(this).click(function() { if (obj.interval_active) { window.clearInterval(obj.interval); obj.interval_active = false; } if (obj.interval2_active) { window.clearInterval(obj.interval2); obj.interval2_active = false; } var aux = obj.index; var j=obj.index; while (j != i) { obj.next(j,(j+1) % obj.amount); j++; j %= obj.amount; } obj.index = j; obj.interval2 = window.setInterval("slider.tic2()",obj.elapse*2); obj.interval2_active=true; }); }); $("#slider2_thumblist > li > img").mouseenter(function() { $(this).css('cursor',obj.cursor_style); }); $("#slider2_infolist > li").each(function(i) { $(this).click(function() { window.location.href=$("#slider2_imagelist > li > a").eq(i).attr('href'); }); }); $("#slider2_infolist > li").mouseenter(function() { $(this).css('cursor','pointer'); }); // start $("#slider2_infolist > li").hide(); $("#slider2_infolist > li").attr("class",""); $("#slider2_infolist > li").first().show(); $("#slider2_thumblist > li > img").first().attr("class","slider2_thumb_selected"); this.interval = window.setInterval("slider.tic()",this.elapse); this.interval_active = true; } }