﻿/* -----------------------------------------------------------------------*/
// heightLineConf
/* -----------------------------------------------------------------------*/
function heightLineConf() {
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById('content')) return false;
	
	var item = new RegExp(/^(.+¥s)?(item)(¥s.+)?$/);
	var count = 0;
	var num = 0;
	
	var content = document.getElementById('content');
	var div = content.getElementsByTagName('div');
	
	for (var i=0; i<div.length; i++) {
		var heightLine = "heightLine" + "-" + num;
		if(div[i].className.match(item)) {
			count++;
			if(count % 3 == 0 && count != 0) {
				num++;
			}
			addClass(div[i], heightLine);
		}
	}
}

/* -----------------------------------------------------------------------*/
// addClass
/* -----------------------------------------------------------------------*/
function addClass(element,value) {
	if(!element.className) {
		element.className = value;
	} else {
		newClassName = element.className;
		newClassName += ' ';
		newClassName += value;
		element.className = newClassName;
	}
}

/* -----------------------------------------------------------------------*/
// popup
/* -----------------------------------------------------------------------*/
function popupSet() {
	if(!document.getElementsByTagName) return false;
	
	var anchor = document.getElementsByTagName('a');
	var popup = new RegExp(/^(.+¥s)?((popup)+)(¥s.+)?/);
	
	for (var i=0; i<anchor.length; i++) {
		if(anchor[i].className.match(popup)) {
			anchor[i].onclick = function() {
				var src =this.getAttribute('href');
				var type = this.className;
				type = type.split('_');
				type[2] = type[2].replace(/¥D/g, "");
				popUp(src, type[1], type[2]);
				return false;
			}
		}
	}
}

function popUp(winURL, width, height) {
	switch(width) {

		/* デフォルト値 */
		default:
			var param = 'resizable=0';
			param += ',toolbar=0';
			param += ',scrollbars=1';
			param += ',menubar=0';
			param += ',status=0';
			param += ',directories=0';
			param += ',location=0';
			
			var w = width;
			var h = height;
			
			if(!isNaN(width)) {
				param += ',width=' + w;
			}
			if(!isNaN(height)) {
				param += ',height=' + h;
			}
			var wname = 'popup';
		break;
	};
	var newwin = window.open(winURL, wname, param);
	newwin.focus();
};

/* -----------------------------------------------------------------------*/
// selectLang
/* -----------------------------------------------------------------------*/
function selectOnChange() {
	if(!document.getElementById) return false;
	if(!document.getElementById('select-lang')) return false;
	
	var selectLang = document.getElementById('select-lang');
	if(selectLang == null) return;
	var selectForm = selectLang.getElementsByTagName('select')[0];

	selectForm.onchange = function() {
		
		var uri = 'http://www.tokiwayakuhin.co.jp/';
		var num;
		num = selectForm.selectedIndex;
		
		var opt = selectLang.getElementsByTagName('option');
		var val = opt[num].getAttribute('value');
		
		
		if(num !=0) {
			location.href = uri.concat(val);
		}
	}
}

/* -----------------------------------------------------------------------*/
// shareBtns
/* -----------------------------------------------------------------------*/
function greeBtn() {
	if(!document.getElementById) return false;
	if(!document.getElementById('greeframe')) return false;
	
	var share_uri_gree = "http://share.gree.jp/share?url="+encodeURIComponent(location.href)+"&type=0&height=20";
	var greeFrame = document.getElementById('greeframe');
	greeFrame.setAttribute('src', share_uri_gree);
}

function facebookBtn() {
	if(!document.getElementById) return false;
	if(!document.getElementById('facebookframe')) return false;
	
	var share_uri_facebook = "http://www.facebook.com/plugins/like.php?href="+encodeURIComponent(location.href)+"&layout=button_count&show_faces=true&action=like&font=arial&colorscheme=light";
	var facebookFrame = document.getElementById('facebookframe');
	facebookFrame.setAttribute('src', share_uri_facebook);
}

/* -----------------------------------------------------------------------*/
// tabSwitcher
/* -----------------------------------------------------------------------*/
function tabSwitcher() {
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById('tabarea')) return false;

	// SETUP ///////////////////////////////////////////////

	/* 切り替えるBOXのclass名を指定（初期値：sect） */
	var tabSect = new RegExp(/^(.+¥s)?(section)(¥s.+)?$/);
	
	/* タブ選択時のclass名を指定 */
	var current = 'current heightLine-tab';

	////////////////////////////////////////////////////////

	var tabs = document.getElementById('tabarea');
	var ul = tabs.getElementsByTagName('ul').item(0);
	var links = ul.getElementsByTagName('a');
	var divs = tabs.getElementsByTagName('div');
	
	var count = 0;
	var sect = new Array;
	
	for (var d=0; d<divs.length; d++) {
		if(divs[d].getAttribute('className') == 'section' || divs[d].getAttribute('class') == 'section') {
			sect[count] = divs[d];
			count++
		}
	}
	
	links[0].setAttribute('class', current);
	links[0].setAttribute('className', current);
	
	for (var s=0; s<sect.length; s++) {
		sect[s].style.display = 'none';
	}
	sect[0].style.display = 'block';

	for (var i=0; i<links.length; i++) {
		links[i].onclick = function() {
			this.blur();
			showsect(this);
			if(lazyload) {
				clListener.detectEvent();
				clListener.add(lazyload.initialize);
			}
			return false;
		}
	}
	
	function showsect(obj) {
		var num;
		for (num = 0; num<links.length; num++) {
			if(links[num] === obj) break;
		}
		
		var linksCount = 0;
		for (var j=0; j<links.length; j++) {
			if(linksCount == num) {
				links[j].setAttribute('class', current);
				links[j].setAttribute('className', current);
			} else {
				links[j].setAttribute('class', 'heightLine-tab');
				links[j].setAttribute('className', 'heightLine-tab');
			}
			linksCount++;
		}
		
		var sectCount = 0;
		for (var k=0; k<sect.length; k++) {
			if(sect[k].className.match(tabSect)) {
				if(sectCount == num) {
					sect[k].style.display = 'block';
				} else {
					sect[k].style.display = 'none';
				}
				sectCount++;
			}
		}
	}
}

/* -----------------------------------------------------------------------*/
// dom:loaded
/* -----------------------------------------------------------------------*/
document.observe("dom:loaded", function () {
	facebookBtn();
	greeBtn();
	tabSwitcher();
	heightLineConf();
	popupSet();
	selectOnChange();
});
