window.onload = function() {
	document.oncontextmenu = function(){
		return false;
	}
}

window.onunload = function() {
	winClose();
}

var winbkt;

function Win(win,bar,w,h) {
	if (winbkt && !winbkt.closed) winbkt.close();
	winbkt = window.open(win,"winVbs","top=5,left=5,toolbar=no,location=0,directories=0,status=0,menubar=no,scrollbars=" + bar +
					 ",resizable=no,Width=" + w + ",Height=" + h);
	winbkt.focus();
}

function WinBkt(win) {
	if (winbkt && !winbkt.closed) winbkt.close();
	winbkt = window.open(win,"basket","toolbar=no,location=0,directories=0,status=0,menubar=no,scrollbars=yes,resizable=yes,Width=550,Height=400");
	winbkt.focus();
}

function winClose() {
	if (winbkt && !winbkt.closed) winbkt.close();
}
/*
function chgImg() {
	if (document.images) {
	document[chgImg.arguments[0]].src = chgImg.arguments[1];
	}
	return true;
}
*/
function on(id) {
  if (document.all) {
    document.all.item(id).style.borderColor = "#CC0000";
  } else if (document.getElementById) {
    document.getElementById(id).style.borderColor = "#CC0000";
  }
}
function off(id) {
  if (document.all) {
    document.all.item(id).style.borderColor = "#FFFFFF";
  } else if (document.getElementById) {
    document.getElementById(id).style.borderColor = "#FFFFFF";
  }
}
/*
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		ar_over = newImage("/img/ar-o.gif");
		tri_over = newImage("/img/tri-o.jpg");
		preloadFlag = true;
	}
}
*/
jQuery(function($){

	// アイテムページの商品画像の切替
	var imgNum		= '';
	var imgSrc		= '';
	var imgObj		= '';
	var clickAlt	= '';

	$('img.bd').click(function(){
		imgObj = $('img[name=img]');
		imgNum = $(this).attr('src').match(/\d+/);
		imgSrc = imgObj.attr('src').replace(/_\d+\.jpg/,'_' + imgNum + '.jpg');

		$('img.bd').css('border-color', '#fff');
		clickAlt = $(this).attr('alt');
		$('img.bd[alt=' + clickAlt + ']').css('border-color', '#e00');

		if ($.browser.msie !== true) {// IE ではアニメーションgifが動かないから
			imgObj.after('<div id="loader"></div>');
		}
		imgObj.fadeOut(600, function(){
			if ( $.browser.msie === true ) {// IEではload()が正常に作動しないから。
																			// 特に2番目の画像が再表示されない。キャッシュの問題のようだ。
																			// この問題の解決のヒントは http://api.jquery.com/load-event/
				imgObj.attr('src', imgSrc).fadeIn(600);
			} else {
				imgObj.attr('src', imgSrc).load(function(){
					imgObj.fadeIn(600, function(){ $('#loader').remove(); });
				});
			}
		});
		return false;
	}).mouseover(function(){
		if (clickAlt != $(this).attr('alt')) { 	$(this).css('border-color', '#fc0'); }
	}).mouseout(function(){
		if (clickAlt != $(this).attr('alt')) { 	$(this).css('border-color', '#fff'); }
	});

});