var banner = new Object();

banner = {
	load : function () {
		for (i=1; i<=3; i++) {
			banner[i] = new Image();
			banner[i].src = "/img/banner_" + i + ".jpg";
		}
	},

	change : function (img) {
		for (i=1; i<=3; i++) {
			banner[i] = new Image();
			banner[i].src = "/img/banner_" + i + ".jpg";
		}

		document.getElementById('banner').getElementsByTagName('img')[0].src = banner[img].src;
	}
}

var switchbox = new Object();

switchbox = {
	init : function () {
		document.getElementById('navi').style.display = 'block';
		var h3 = document.getElementById('field').getElementsByTagName('h3');

		for (var i = 0; i<h3.length; i++) {
			h3[i].style.display = 'none';
		}

		var links = document.getElementById('navi').getElementsByTagName('a');
		var fields = document.getElementById('field').getElementsByTagName('div');

		for (var i = 0; i<links.length; i++) {
			links[i].onclick = function () { switchbox.show(this); return false; };
		}

		for (var i = 0; i<fields.length; i++) {
			if(fields[i].id.indexOf('field') != -1) {
				fields[i].style.display = 'none';
			}
		}

		for (var i = 0; i<links.length; i++) {
			links[i].className = '';
		}

		links[0].parentNode.className = 'hi';
		document.getElementById('field_1').style.display = 'block';
	},

	show : function (obj) {
		var links = document.getElementById('navi').getElementsByTagName('li');
		var fields = document.getElementById('field').getElementsByTagName('div');
		var id = obj.parentNode.id.split("nav")[1];

		for (var i = 0; i<links.length; i++) {
			links[i].className = '';
		}

		for (var i = 0; i<fields.length; i++) {
			if(fields[i].id.indexOf('field') != -1) {
				fields[i].style.display = 'none';
			}
		}

		obj.parentNode.className = 'hi';
		id = 'field_' + id;
		document.getElementById(id).style.display = 'block';

	}

}

addLoadEvent(banner.load);