var linkmaker = {
	
	init: function(){
		
		for (var i = 0, l = this.data.length; i < l; i++) {
			var _id = document.getElementById(this.data[i].id);
			_id.innerHTML = '<span class="linkArea">' + _id.innerHTML + '</span>';

			var _span = _id.getElementsByTagName('span')[0];
			if (_span != undefined) this.mouseAction(i, _span);
		}
	},
	

	mouseAction: function(i, _id) {
		
		_id.onmouseover = function() {	linkmaker.addClass(_id, 'onmouseover')};
		
		_id.onmouseout = function() {	linkmaker.removeClass(this, 'onmouseover')};
		_id.onclick = function() {
			linkmaker.removeClass(this, 'onmouseover');
			window.location.href = linkmaker.root() + linkmaker.data[i].page;
			};
	},
	

	addClass: function(target, value) {
		if (this.hasClassName(target, value)) return false;
		if (!target.className) target.className = value;
		else target.className += ' ' + value;
	},


	hasClassName: function(target, value) {
		var c = target.className.split(' ');
		var i = c.length;
		while(i--) {
			if (c[i] == value) {
				return true;
				break;
			}
		}
	},
	
	
	removeClass: function(target, value) {
		var c = target.className.split(' ');
		target.className = '';
		for (var i = 0, l = c.length; i < l; i++) {
			if (c[i] != value) target.className += (i != l - 1)? c[i] + ' ' : c[i];
		}
		if (target.className == '') (target.getAttribute('className'))? target.removeAttribute('className') : target.removeAttribute('class');
	},


	addElement: function(element, attr, parentObject) {
		var newElement = document.createElement(element);
		for (var i in attr) newElement.setAttribute(i, attr[i]);
		var _parent = (parentObject)? parentObject : document.body;
		return _parent.appendChild(newElement);
	},

	
	currentPath: function() {
		var s = document.getElementsByTagName('script');
		for (var i = 0, l = s.length; i < l; i++) {
			if (s[i].src && s[i].src.match(/js\/linkmaker\.js(\?.*)?$/)) {
				return s[i].src.replace(/js\/linkmaker\.js(\?.*)?$/, '');
				break;
			}
		}
	},


	root: function() { return this.currentPath();}
	
	
};


window.onload = function() {
	linkmaker.init();
};



linkmaker.data = [
	{
		id: 'g01',
		page: 'hazimete.html'
	},{
		id: 'g02a',
		page: 'menu_datsumou.html'
	},{
		id: 'g02b',
		page: 'facial/facial.html'
	},{
		id: 'g02c',
		page: 'soushin/soushin.html'
	},{
		id: 'g02d',
		page: 'bust/bust.html'
	},{
		id: 'g03',
		page: 'price.html'
	},{
		id: 'g04',
		page: 'salon/index.html'
	},{
		id: 'g05',
		page: 'faq.html'
	},{
		id: 'g06',
		page: 'fmail/fmail.cgi'
	}
]