(function() {

document.write('<script type="text/javascript" src="/all_common/js/yuga_news.js"></script>');
document.write('<script type="text/javascript" src="/all_common/js/swfobject.js"></script>');

function rolloverImage() {
	if (!document.getElementsByTagName) return false;
	var img = document.getElementsByTagName('img');
	for (var i = 0, l = img.length; i < l; i++) {
		if (img[i].getAttribute('src').match(/_off\./)) {
			img[i].off = img[i].getAttribute('src');
			img[i].ext = img[i].off.substring(img[i].off.lastIndexOf('.'), img[i].off.length);
			img[i].on = img[i].off.replace('_off' + img[i].ext, '_on' + img[i].ext);

			var preload = new Array();
			preload[i] = new Image();
			preload[i].setAttribute('src', img[i].on);

			img[i].onmouseover = function() {
				this.setAttribute('src', this.on);
			}
			img[i].onmouseout = function() {
				this.setAttribute('src', this.off);
			}
		}
	}
}

function dropdown_menu() {
	if (!document.getElementsByTagName || !document.getElementById) return false;
	if (!document.getElementById('globalNav')) return false;

	var list = document.getElementById('globalNav').getElementsByTagName('li');
	for (var i = 0, l = list.length; i < l; i++) {
		if (list[i].className == 'sub') {
			list[i].onmouseover = function() {
				var ul = this.getElementsByTagName('ul')[0];
				ul.style.display = 'block';
			}
			list[i].onmouseout = function() {
				var ul = this.getElementsByTagName('ul')[0];
				ul.style.display = 'none';

				/*
				var _this = this;
				setTimeout(function() {
					var ul = _this.getElementsByTagName('ul')[0];
					ul.style.display = 'none';
				}, 500);
				*/
			}
		} else if (list[i].className == 'pict') {
			list[i].onmouseover = function() {
				var span = this.getElementsByTagName('span')[0];
				span.style.display = 'block';
			}
			list[i].onmouseout = function() {
				var span = this.getElementsByTagName('span')[0];
				span.style.display = 'none';
			}
		}
	}
}

function tab_change() {
	if (!document.getElementById('tab')) return false;

	if (document.getElementById('panel5')) {
		var config = {
			tab: document.getElementById('tab').getElementsByTagName('li'),
			panel: [
				document.getElementById('panel1'),
				document.getElementById('panel2'),
				document.getElementById('panel3'),
				document.getElementById('panel4'),
				document.getElementById('panel5')
			]
		};
	} else if (document.getElementById('panel4')) {
		var config = {
			tab: document.getElementById('tab').getElementsByTagName('li'),
			panel: [
				document.getElementById('panel1'),
				document.getElementById('panel2'),
				document.getElementById('panel3'),
				document.getElementById('panel4')
			]
		};
	} else if (document.getElementById('panel3')) {
		var config = {
			tab: document.getElementById('tab').getElementsByTagName('li'),
			panel: [
				document.getElementById('panel1'),
				document.getElementById('panel2'),
				document.getElementById('panel3')
			]
		};
	} else {
		var config = {
			tab: document.getElementById('tab').getElementsByTagName('li'),
			panel: [
				document.getElementById('panel1'),
				document.getElementById('panel2')
			]
		};
	}

	var tab = config.tab;
	var panel = config.panel;

	for (var i = 0, l = panel.length; i < l; i++) {
		if (i != 0) panel[i].style.display = 'none';
		tab[i].onclick = function() {
			trigger(this);
			return false;
		}
	}

	function trigger(obj) {
		for (var num = 0, l = tab.length; num < l; num++) {
			if (tab[num] == obj) break;
		}

		for (var i = 0, l = panel.length; i < l; i++) {
			if (i == num) {
				panel[num].style.display = 'block';
				tab[num].className = 'selected';
			} else {
				panel[i].style.display = 'none';
				tab[i].className = '';
			}
		}
	}
}

function knit_search() {
	if (!document.getElementById('searchPanel')) return false;

	var panel = document.getElementById('searchPanel');
	var purpose = document.getElementById('purpose');
	var close = document.getElementById('closeButton');

	panel.style.display = 'none';

	purpose.onchange = function() {
		if (purpose.value == 'sweater') {
			panel.style.display = 'block';
		}
	}

	close.onclick = function() {
		panel.style.display = 'none';
		purpose.selectedIndex = 0;
	}
}

/*
function clickable_map() {
	if (!document.getElementById('knitMap')) return false;

	var config = {
		image: document.getElementById('knitMap').getElementsByTagName('img'),
		area: document.getElementById('map').getElementsByTagName('area'),
		name: [
			'neck', 'shoulder', 'main', 'side'
		]
	};

	var image = config.image;
	var area = config.area;
	var name = config.name;
	var num;

	for (var i = 0, l = area.length; i < l; i++) {
		var off_src = image[0].getAttribute('src');

		area[i].onmouseover = function() {
			trigger(this);
			var on_src = off_src.replace('_default', '_' + name[num]);
			image[0].setAttribute('src', on_src);
		}

		area[i].onmouseout = function() {
			trigger(this);
			image[0].setAttribute('src', off_src);
		}
	}

	function trigger(obj) {
		for (num = 0; num < l; num++) {
			if (area[num] === obj) break;
		}
	}
}
*/

function clickable_map() {
	if (!document.getElementById('knitMap')) return false;

	document.getElementById('area01').onmouseover = function() {
		document.getElementById('pop01').style.display = 'block';
	}
	document.getElementById('pop01').onmouseover = function() {
		this.style.display = 'block';
	}
	document.getElementById('area01').onmouseout = function() {
		document.getElementById('pop01').style.display = 'none';
	}
	document.getElementById('pop01').onmouseout = function() {
		this.style.display = 'none';
	}

	document.getElementById('area02').onmouseover = function() {
		document.getElementById('pop02').style.display = 'block';
	}
	document.getElementById('pop02').onmouseover = function() {
		this.style.display = 'block';
	}
	document.getElementById('area02').onmouseout = function() {
		document.getElementById('pop02').style.display = 'none';
	}
	document.getElementById('pop02').onmouseout = function() {
		this.style.display = 'none';
	}

	document.getElementById('area03').onmouseover = function() {
		document.getElementById('pop03').style.display = 'block';
	}
	document.getElementById('pop03').onmouseover = function() {
		this.style.display = 'block';
	}
	document.getElementById('area03').onmouseout = function() {
		document.getElementById('pop03').style.display = 'none';
	}
	document.getElementById('pop03').onmouseout = function() {
		this.style.display = 'none';
	}

	document.getElementById('area04').onmouseover = function() {
		document.getElementById('pop04').style.display = 'block';
	}
	document.getElementById('pop04').onmouseover = function() {
		this.style.display = 'block';
	}
	document.getElementById('area04').onmouseout = function() {
		document.getElementById('pop04').style.display = 'none';
	}
	document.getElementById('pop04').onmouseout = function() {
		this.style.display = 'none';
	}
}

function addEvent(elm, listener, fn) {
	try {
		elm.addEventListener(listener, fn, false);
	} catch(e) {
		elm.attachEvent('on' + listener, fn);
	}
}

addEvent(window, 'load', rolloverImage);
addEvent(window, 'load', dropdown_menu);
addEvent(window, 'load', tab_change);
addEvent(window, 'load', knit_search);
addEvent(window, 'load', clickable_map);

}) ();