" + $(array[no]).html() + "
"; } return setHTML; }; /* * Slider class ： getArrayNo メソッド * * 各種条件から、配列要素の番号を取得する */ Slider.getArrayNo = function(no, size) { var retNo = 0; if (no < 0) { retNo = (size + (no % size)); if (retNo == size) { retNo = 0; } } else { retNo = no % size; } return retNo; }; })(); /** * Popup class のコンストラクタ * * 別ウインドウをポップアップで表示するためのクラス * */ var Popup = {}; (function() { Popup.win = null; /* * Popup class ： open メソッド * */ Popup.open = function(url, width, height) { if (Popup.win) { Popup.win.close(); } //ウインドウの表示サイズを取得する var sWidth = screen.width; var sHeight = screen.height; //画面の中央に表示するため、XY座標を算出する var left = (sWidth - parseInt(width, 10)) / 2; var top = (sHeight - parseInt(height, 10)) / 2; Popup.win = window.open(url, "_blank", "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,screenX=" + left + ",screenY=" + top + ",left=" + left + ",top=" + top + ",width=" + width + ",height=" + height); Popup.win.focus(); return false; }; })(); /** * Product class のコンストラクタ * * 商品情報を拡大表示するためのクラス * */ var Product = {}; (function() { /* * Product class ： setZoom メソッド * * 商品の拡大イベントを実装する */ Product.setZoom = function() { $("#mProductImageFrame > .mainImage > span > img").each(function() { var obj = $(this); obj.parent().css({ "visibility": "visible", "cursor": "pointer" }).click(function() { Product.openImage($(this).html(), obj.width(), obj.height()); }); }); $("#mProductImageFrame > .subImage > span > img").each(function() { var obj = $(this); obj.parent().css({ "visibility": "visible", "cursor": "pointer" }).click(function() { Product.openImage($(this).html(), obj.width(), obj.height()); }); }); }; /* * Product class ： openImage メソッド * * 商品を拡大表示する */ Product.openImage = function(html, width, height) { // オーバーレイを開く → Overlay クラスの内容をそのまま引用 $("body").append(Overlay.baseHTML); $("#overlayScreen").css("display", "block").click(function() { Overlay.close(); }); // body 要素のマージン値を取得する bodyOffset = $("body").offset(); if (isIE6) { // SELECTがある場合は、表示を隠す（IEのバグ対応） $("select:visible").hide(); $("#overlayScreen").css({ "left": "-" + bodyOffset.left + "px", "top": "-" + bodyOffset.top + "px" }); } var objFrame = $("#overlayFrame"); var objContent = $("#overlayContent"); objContent.load(Setting.rootPath + "/common/partsHTML/freeImage.html", function() { // 表示要素を読み込み、各種処理を実行 var objThis = $(this); $(".imageWrap", objThis).html(html); var width = objThis.width(); var height = objThis.height(); var sabunW = width - objFrame.width(); var sabunH = height - objFrame.height(); objFrame.animate( {"width": "+=" + sabunW + "px", "left" : "-=" + Math.floor(sabunW / 2) + "px", "height": "+=" + sabunH + "px", "top" : "-=" + Math.floor(sabunH / 2) + "px"}, {"duration": "first", "easing": "quart", "complete": function() { objContent.css({"position": "static", "visibility": "visible"}); $("h2 > span", objContent).click(function() { Overlay.close(); }); }} ); }); Overlay.setCenter(); objFrame.css("visibility", "visible"); }; })(); /** * ページ読み込み時の処理 */ $(function() { // IE6の場合は透過pngを正常に表示できるようにに補正する if (isIE6) { $("img[src$='png'][class*='alphafilter']").each(function() { Alphafilter.bind(this); }); } // 特定の要素に対しマウスイベントを付加する $("img[class*='mouseevent']").each(function() { loadNav.setEvent(this); }); // 特定の要素に対し吹き出し型ヘルプを付加する $("[class*='balloonHelp']").each(function() { Help.set(this); }); // ページ内スクロールを開始する Scroll.set(); Slider.set(); // 左ナビ部、検索エリア内のselectはビジュアル重視の体裁に変更 SideSearch.setSelectView(); SideSearch.setSearchButton(); // ウインドウがリサイズした時の処理を付加 $(window).resize(function() { // オーバーレイが表示されている時は、メイン要素を画面中央に寄せる if ($("#overlayFrame:visible").get(0)) { Overlay.setCenter("#overlayFrame"); } }); });