var action = false; $(document).ready(function() { switchHotlink(-1); $("a.fanDetail").fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 600, 'speedOut': 200, 'overlayShow': false, 'hideOnOverlayClick': true, 'hideOnContentClick': true, 'enableEscapeButton': true }); $("a.zoom").fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 600, 'speedOut': 200, 'overlayShow': false, 'hideOnOverlayClick': true, 'hideOnContentClick': true, 'enableEscapeButton': true }); $('.thumbView').click(function() { $('#ctl00_cphMain_imgMain').attr('src', $(this).attr('src')); $('.fanDetail').attr('href', $(this).prev().val()); $('.zoom').attr('href', $(this).prev().val()); }); if ($('.product_left_detail').length > 0) { $('.product_left_detail').jScrollPane(); $('#product_photo_thumb').jScrollPane(); } $('.menubutton').each(function() { if (window.location.pathname == $(this).attr('href')) { $(this).attr('class', $(this).attr('class') + ' menubutton_active'); } }); var container = $('div.sliderGallery'); var ul = $('ul', container); var itemsWidth = ul.innerWidth() - container.outerWidth(); $('.slider').slider({ min: 0, max: itemsWidth, animate: true, step: 2, slide: function(event, ui) { $('.sliderGallery ul').css('left', (ui.value * -1) + 'px'); }, create: function(event, ui) { $('.ui-slider-handle').css('left', $('#hfLeft').val() + '%'); $('.sliderGallery ul').css('left', '-' + parseInt((parseFloat($('#hfLeft').val()) / 100.0) * parseFloat(itemsWidth)) + 'px'); } }); $('.slidArrLeft').mousedown(function(event) { action = true; if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) > 0) { startScrolling(-5, itemsWidth); } }); $('.slidArrRight').mousedown(function(event) { action = true; if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) < 762) { startScrolling(5, itemsWidth); } }); $('.slidArrLeft').mouseup(function(event) { action = false; }); $('.slidArrRight').mouseup(function(event) { action = false; }); }); function startScrolling(i, itemsWidth) { if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i > 762) i = i - (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i - 762); if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i < 0) i = i - (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i); if ((parseInt($('.ui-slider-handle').css('left').replace('px', '')) > 0 && i < 0) || (parseInt($('.ui-slider-handle').css('left').replace('px', '')) < 762 && i > 0)) { $('.ui-slider-handle').css('left', (parseFloat($('.ui-slider-handle').css('left')) + i) + 'px'); $('.sliderGallery ul').css('left', '-' + parseInt(((parseInt($('.ui-slider-handle').css('left').replace('px', '')) / 762) * parseInt(itemsWidth))) + 'px'); if (action) { setTimeout("startScrolling(" + i + "," + itemsWidth + ");", 25); } } } var tmp = -1; function switchHotlink(aid) { if (aid >= 0) { tmp = aid; $(".hot_text").effect('fade', null, 500, switchHotlinkCallback); } else { $.ajax({ type: "POST", url: "/ArticleHandler.ashx", data: { 'dummy': 'a', 'aid': aid }, success: insertData }); } } function switchHotlinkCallback() { $.ajax({ type: "POST", url: "/ArticleHandler.ashx", data: { 'dummy': 'a', 'aid': tmp }, success: insertData }); } function insertData(msg) { var result = msg.split(';'); $('.hot_text').text(result[0]); $('.hot_text').attr('href', result[1]); $(".hot_text").removeAttr("style").hide().fadeIn(); setTimeout('switchHotlink(' + (parseInt(result[2])) + ')', 10000); }