/* Open Login Panel */
function openLP(){
	// event trigger
	var logintab = document.getElementById('logintab');
	logintab.onclick = function(){ 
		// retriving data
		var loginform = document.getElementById('loginform');
		var heightlp = new fx.RememberHeight(loginform, {duration:200});
		heightlp.toggle();
		return false;
	}
}


/* Add attributes and parmalinks */
function addAtt(id){
	var region = document.getElementsByTagName("div");
	var html = new Array();
		// Iterate through the div tags
	if(region){
		for (var r=0; r<region.length; r++) {
			// Make sure they are part of the "olitem" class
			if (Element.hasClassName(region[r], "olitem")) {
				if (!document.all){
					var placeholder = region[r].childNodes[1];
				} else {
					var placeholder = region[r].childNodes[0];
				}
				var seglink = document.createElement("a");
				var segnum = placeholder.parentNode.getAttribute('id');
				seglink.setAttribute("href", "show.php?s="+id+"#"+segnum);
				seglink.setAttribute("title", "このセグメントの固定リンク");
				seglink.className = "seglink";
				var segtext = document.createTextNode("#");
				seglink.appendChild(segtext);
				insertAfter(seglink, placeholder);

				region[r].childNodes[1].setAttribute('style','cursor:pointer;');
				if (!document.all){
					region[r].childNodes[1].className = "toggle";
					region[r].childNodes[4].className = "itemlist";
				} else {
					region[r].childNodes[0].className = "toggle";
					region[r].childNodes[2].className = "itemlist";
				}
			}
		}
		myAccordion();
	}
}
function insertAfter(newElement, targetElement){
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement){
		parent.appendChild(newElement);
	} else {
		parent.insertBefore(newElement, targetElement.nextSibling);
	}
}



/* Accodion effects */
function myAccordion(){
	//we define two arrays, containing our toggles and divs.
	var myDivs = document.getElementsByClassName('itemlist');
	var myLinks = document.getElementsByClassName('toggle');
	//then we create the effect.
	var myAccordion = new fx.Accordion(myLinks, myDivs, {opacity: false, duration: 400});
}
function myAccordion2(id){
	//we define two arrays, containing our toggles and divs.
	var myDivs = document.getElementsByClassName('itemlist');
	var myLinks = document.getElementsByClassName('toggle');
	//then we create the effect.
	//accordion effect
	var myAccordion = new fx.Accordion(
		myLinks, myDivs, {opacity: false, duration: 400}
	);
	//hash functions
	var found = false;
	myLinks.each(function(h3, i){
		var div = Element.find(h3, 'nextSibling'); //element.find is located in prototype.lite
		if (window.location.href.indexOf(h3.title) > 0) {
			myAccordion.showThisHideOpen(div);
			found = true;
		}
	});
	if (!found) myAccordion.showThisHideOpen(myDivs[id]);
}

/* highlight form Element */
function inputHighlight(){
	var comName = document.getElementById('name');
	var comEmail = document.getElementById('email');
	var comUrl = document.getElementById('url');
	comName.onfocus = function(){
		this.style.borderColor = '#FF6600';
	}
	comName.onblur = function(){
		this.style.borderColor = '#5190D2';
	}
	comEmail.onfocus = function(){
		this.style.borderColor = '#FF6600';
	}
	comEmail.onblur = function(){
		this.style.borderColor = '#5190D2';
	}
	comUrl.onfocus = function(){
		this.style.borderColor = '#FF6600';
	}
	comUrl.onblur = function(){
		this.style.borderColor = '#5190D2';
	}
}

/* Fade Everything */
// @name      The Fade Anything Technique
// @namespace http://www.axentric.com/aside/fat/
// @version   1.0-RC1
// @author    Adam Michela
var Fat = {
	make_hex : function (r,g,b) 
	{
		r = r.toString(16); if (r.length == 1) r = '0' + r;
		g = g.toString(16); if (g.length == 1) g = '0' + g;
		b = b.toString(16); if (b.length == 1) b = '0' + b;
		return "#" + r + g + b;
	},
	fade_all : function ()
	{
		var a = document.getElementsByTagName("*");
		for (var i = 0; i < a.length; i++) 
		{
			var o = a[i];
			var r = /fade-?(\w{3,6})?/.exec(o.className);
			if (r)
			{
				if (!r[1]) r[1] = "";
				if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);
			}
		}
	},
	fade_element : function (id, fps, duration, from, to) 
	{
		if (!fps) fps = 20;
		if (!duration) duration = 3000;
		if (!from || from=="#") from = "#FFFFcc";
		if (!to) to = Fat.get_bgcolor(id);
		 
		var frames = Math.round(fps * (duration / 1000));
		var interval = duration / frames;
		var delay = interval;
		var frame = 0;
		
		if (from.length < 7) from += from.substr(1,3);
		if (to.length < 7) to += to.substr(1,3);
		
		var rf = parseInt(from.substr(1,2),16);
		var gf = parseInt(from.substr(3,2),16);
		var bf = parseInt(from.substr(5,2),16);
		var rt = parseInt(to.substr(1,2),16);
		var gt = parseInt(to.substr(3,2),16);
		var bt = parseInt(to.substr(5,2),16);
		
		var r,g,b,h;
		while (frame < frames)
		{
			r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));
			g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));
			b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));
			h = Fat.make_hex(r,g,b);
		
			setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);

			frame++;
			delay = interval * frame; 
		}
		setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);
	},
	set_bgcolor : function (id, c)
	{
		var o = document.getElementById(id);
		o.style.backgroundColor = c;
	},
	get_bgcolor : function (id)
	{
		var o = document.getElementById(id);
		while(o)
		{
			var c;
			if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");
			if (o.currentStyle) c = o.currentStyle.backgroundColor;
			if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }
			o = o.parentNode;
		}
		if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";
		var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
		if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
		return c;
	}
}