/*  Vincent WebSite JavaScript
 *  URL: http://vincent.bz/
 *  トップページ用
*/


var menu = new Array('menu01', 'menu02', 'menu03', 'menu04', 'menu05', 'control01', 'control02', 'control03', 'control04', 'control05');

var menu1 = new Array('linktext11', 'linktext12', 'linktext13');
var menu2 = new Array('linktext21', 'linktext22', 'linktext23', 'linktext24');
var menu3 = new Array('linktext31', 'linktext32');
var menu4 = new Array('linktext41', 'linktext42');
var menu5 = new Array('linktext51', 'linktext52', 'linktext53');

var menu_array = new Array(menu1, menu2, menu3, menu4, menu5);

var menu11 = new Array('c11a1', 'c11a2', 'c11a3');
var menu13 = new Array('c13a1', 'c13a2');
var menu21 = new Array('c21a1', 'c21a2');
var menu23 = new Array('c23a1', 'c23a2');
var menu31 = new Array('c31a1', 'c31a2');
var menu32 = new Array('c32a1', 'c32a2');

var menu2_array = new Array(menu11, menu13, menu21, menu23, menu31, menu32);


function menuXover(num){
	
	obj = $('#menu'+num);
	
	var bg = obj.css("background-image");
	bg = bg.replace('.jpg', 'r.jpg');
	
	var obj2 = obj.children();
	var bg2 = obj2.css("background-image");
	bg2 = bg2.replace('.jpg', 'r.jpg');
	
	var obj3 = $('#control'+num);
	obj3.css("color", '#970303');
	//obj3.attr("src", obj3.attr('src').replace('_off', '_on'));
	
	obj.css("background-image", bg);
	obj2.css("background-image", bg2);
}

function menuXout(num){
	
	obj = $('#menu'+num);
	
	var bg = obj.css("background-image");
	bg = bg.replace('r.jpg', '.jpg');
	
	var obj2 = obj.children();
	var bg2 = obj2.css("background-image");
	bg2 = bg2.replace('r.jpg', '.jpg');
	
	var obj3 = $('#control'+num);
	obj3.css("color", '#ffffff');
	//obj3.attr("src", obj3.attr('src').replace('_on', '_off'));
	
	obj.css("background-image", bg);
	obj2.css("background-image", bg2);
}


$(function(){
	
	//$('#sound').flash({swf:'common/sound/sound.swf', width:160, height:22});
	
	
	jQuery.each(menu, function() {
		var num = this.replace('menu', '');
		var num = num.replace('control', '');
		$('#' + this).hover(function(){
			menuXover(num);
		},function(){
			menuXout(num);
		});
		
		var num2 = num.replace('0', '');
		
		$('#' + this).click(function(){
			$('#menu' + num2).toggle();
			$('#contents' + num).toggle();
		});
	});
	
	
	$('.linktext').hover(function(){
		$(this).css("color", '#ffffff');
	},function(){
		$(this).css("color", '#970303');
	});
	
	$('.linktext2').hover(function(){
		$(this).css("color", '#ffffff');
	},function(){
		$(this).css("color", '#970303');
	});
	
	
	$('.menuline').hover(function(){
		$(this).css("background-image", $(this).css("background-image").replace('.jpg', 'r.jpg'));
	},function(){
		$(this).css("background-image", $(this).css("background-image").replace('r.jpg', '.jpg'));
	});
	
	
	$('.link01').hover(function(){
		$(this).css("background-color", '#fe5c09');
	},function(){
		$(this).css("background-color", '');
	});
	
	$('.link02').hover(function(){
		$(this).css("background-color", '#fd7f8d');
	},function(){
		$(this).css("background-color", '');
	});
	
	$('.link03').hover(function(){
		$(this).css("background-color", '#ff009a');
	},function(){
		$(this).css("background-color", '');
	});
	
	$('.link04').hover(function(){
		$(this).css("background-color", '#ff1a62');
	},function(){
		$(this).css("background-color", '');
	});
	
	$('.link05').hover(function(){
		$(this).css("background-color", '#fdf21c');
	},function(){
		$(this).css("background-color", '');
	});
	
	
	
	// クリック設定
	for(var j=0; j<menu_array.length; j++){
		jQuery.each(menu_array[j], function() {
			var num = this.replace('linktext', '');
			var m = $('#' + this);
			m.click(function(e){
				for(var i=0; i<menu_array.length; i++){
					var inA = $.inArray(m.attr('id'), menu_array[i]);
					if(inA != -1){
						var menu0 = menu_array[i];
					}
				}
				for(var i=0; i<menu0.length; i++){
					if('linktext' + num != menu0[i]){
						var num2 = menu0[i].replace('linktext', '');
						$('#contents' + num2).hide();
						var text = $('#' + menu0[i]);
						text.html(text.html().replace(/\-$/, '+'));
						m.css("color", '#aaaaaa');
					}
				}
				var contents = $('#contents' + num);
				contents.toggle();
				if(contents.css('display') == 'block'){
					m.html(m.html().replace(/\+$/, '-'));
					m.css("color", '#ffffff');
					contents.css("padding-bottom", '15px');
				}else{
					m.html(m.html().replace(/\-$/, '+'));
					m.css("color", '#970303');
					contents.css("padding-bottom", '');
				}
				e.stopPropagation();
			});
		});
	}
	
	for(var j=0; j<menu2_array.length; j++){
		jQuery.each(menu2_array[j], function() {
			var m = $('#' + this);
			m.click(function(e){
				var s = m.attr('id');
				for(var i=0; i<menu2_array.length; i++){
					var inA = $.inArray(s, menu2_array[i]);
					if(inA != -1){
						var menu0 = menu2_array[i];
					}
				}
				for(var i=0; i<menu0.length; i++){
					if(s != menu0[i]){
						var s2 = menu0[i].replace('a', 'c');
						$('#' + s2).hide();
						var text = $('#' + menu0[i]);
						text.html(text.html().replace(/\-$/, '+'));
						m.css("color", '#970303');
					}
				}
				var s2 = s.replace('a', 'c');
				var contents = $('#' + s2);
				contents.toggle();
				if(contents.css('display') == 'block'){
					m.html(m.html().replace(/\+$/, '-'));
					m.css("color", '#ffffff');
				}else{
					m.html(m.html().replace(/\-$/, '+'));
					m.css("color", '#970303');
				}
				e.stopPropagation();
			});
		});
	} 
	
});

$(document).ready(function() {
	//Activate FancyBox
	$("a.fancybox").fancybox({
		'type' : 'iframe'
	});
	
	qsParm = new Array();
	retrieveGETqs();
	startpage(qsParm['c'], qsParm['c2'], qsParm['c3']);
});

function retrieveGETqs(){
	var query = window.location.search.substring(1);
	var parms = query.split('&');
	for(var i=0; i<parms.length; i++){
		var pos = parms[i].indexOf('=');
		if(pos > 0){
			var key = parms[i].substring(0,pos);
			var val = parms[i].substring(pos+1);
			qsParm[key] = val;
		}
	}
}

function startpage(c, c2, c3){
	if(c != "undefined"){
		$("#"+menu[c-1]).click();
		
		if(c2 != "undefined"){
			$("#linktext"+c+c2).click();
			$("#linktext"+c+c2).mouseout();
			
			if(c3 != "undefined"){
				$("#c"+c+c2+"c"+c3).css("display", "none");
				$("#c"+c+c2+"a"+c3).click();
				$("#c"+c+c2+"a"+c3).mouseout();
			}
		}
	}
}