// JavaScript Document


function getOS(ua) {
	if (ua.indexOf('Windows NT 6.0') != -1) {  //WinVista
		return "Vista";
	} else if (ua.indexOf('Windows NT 5.1') != -1) { //WinXP
		return "XP";
	} else if (ua.indexOf('Windows NT 5.0') != -1) { //Win2000
		return "2000";
	} else {
		return false;
	}
}// JavaScript Document


function getBrowser(ua) {
	if (ua.indexOf('MSIE 7') != -1) { 
		return "IE7";
	} else if (ua.indexOf('MSIE 6') != -1) { 
		return "IE6";
	} else if ( (ua.indexOf('MSIE 5') != -1) && (ua.indexOf('MSIE 5.0') == -1) ) { 
		return "IE51";
	} else if (ua.indexOf('Gecko/') != -1) {
		return "Gecko";
	} else if (ua.indexOf('Safari/') != -1) {
		return "Safari";
	} else if (ua.indexOf('Opera/9') != -1) {
		return "Opera9";
	} else {
		return false;
	}
}

function openImg(evt) {
	var myImg = Event.element(evt);
	var ua=navigator.userAgent;
	var os=getOS(ua);
	var br=getBrowser(ua);
	if (br == 'IE7' ||  br == 'IE6') {
		var width=356;
		var height=356;
	} else if (os == false && br == 'Gecko') {
		var width=360;
		var height=363;
	} else {
		var width=360;
		var height=360;
	}
	var win = window.open("","imageWin","toolbar=no,menubar=no,resizable=yes,scrollbars=no,status=no,width="+width+",height="+height+",innerWidth="+width+",innerHeight="+height);
	win.document.open("text/html");
	win.document.write('<html style="margin:0;padding:0;border:0;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>きもの&amp;ZAKKA * ふりふ</title></head>');
	win.document.write('<body onload="window.focus();" style="margin:0;padding:0;border:0;"><img src="'+myImg.src+'" style="margin:0;padding:0;border:0;"></body></html>');
	win.document.close();
}
function styleOver(evt) {
	var myImg = Event.element(evt);
	Element.setStyle(myImg, {
																			'border':'2px solid #b90019',
																			'cursor':'pointer'
																		});
}
function styleOut(evt) {
	var myImg = Event.element(evt);
	Element.setStyle(myImg, {'border':'2px solid #ffffff'});
}
function setOpenImg() {
		var f = $$('div#boxRight div.section div.itemList dt img');
		f.each(function(node) {
																		Element.setStyle(node, {'border':'2px solid #ffffff'});
																		Event.observe(node, "mouseover", styleOver, false);
																		Event.observe(node, "mouseout", styleOut, false);
																		Event.observe(node, "click", openImg, false);
  });
}
Event.observe(window, "load", setOpenImg, false);