// JavaScript Document
function set_array_opacity(group, spead){
	for(i in window.image_group){
		if(window.image_group[i].group != "menuicon_"+ group){
			window.image_group[i].opc_spead = spead;
			clearInterval(window.image_group[i].focus_effect);
			window.image_group[i].focus_effect = setInterval('window.image_group["'+ i +'"].add_opacity()', 100);
		}
	}
	return;
}

function set_group(){
	var images = document.getElementById("menu_view").childNodes;
	for (i = 0; i < images.length; i++) {
		var image_obj = images[i].firstChild.firstChild;
		var now_class = null;
		if(!!image_obj.getAttributeNode("class")){
			var now_class = image_obj.getAttributeNode("class").value;
		}
		if(!!now_class){
			if(window.image_group[now_class] === undefined){
				window.image_group[now_class] = new group_obj(now_class);
			}
			window.image_group[now_class].image_array.push(image_obj);
		}
	}
	return;
}

function group_focus(group){
	set_array_opacity(group, -30);
	return;
}

function group_blur(group){
	set_array_opacity(group, +30);
	return;
}

function group_obj(group){
	this.group = group;
	this.image_array = new Array();
	this.opacity = 100;
	this.opac_spead = 0;
}

group_obj.prototype.add_opacity = function(){
	this.opacity += this.opc_spead;
	if(this.opacity > 100){
		this.opacity = 100;
	}else if(this.opacity < 15){
		this.opacity = 15;
	}
	
	for(i = 0; i < this.image_array.length; i++){
		this.image_array[i].style.opacity = this.opacity / 100;
		this.image_array[i].style.MozOpacity = this.opacity / 100;
		this.image_array[i].style.filter='alpha(opacity="'+ this.opacity +'")';
	}
	
	if(this.opacity >= 100 || this.opacity <= 15){
		clearInterval(this.focus_effect);
		this.opac_spead = 0;
	}
	return;
}


window.image_group = new Object();