Event.observe(window, 'load', page_loaded, false);

//for kadosense status
var count = 0;

//for status
var open = 0;
var close = 1;

function page_loaded(){
	
	//global navi
	//menu roll over image
	Event.observe($('mcomp'), 'mouseover', function(){openMenu('company_menu', 'menu-company');}, false);
	Event.observe($('mcomp'), 'mouseout', function(){closeMenu('company_menu', 'menu-company');}, false);
	Event.observe($('mdiv'), 'mouseover', function(){openMenu('division_menu', 'menu-division');}, false);
	Event.observe($('mdiv'), 'mouseout', function(){closeMenu('division_menu', 'menu-division');}, false);
	
	//for radio button(image)
	Event.observe($('www-img'), 'click', function(){label('www')}, false);
	Event.observe($('site-img'), 'click', function(){label('site')}, false);
	
	//cookie
	var manager = new CookieManager({shelfLife:30});
	
	if($('refer-box-inner')){
	
		//kadosense open close function
		count = manager.getCookie("referbox");
		
		if(count == null){
			manager.setCookie("referbox", open);
			count = open;
		}
		
		if(count == open){
			Element.show($('refer-box-inner'));
		}else{
			Element.hide($('refer-box-inner'));
		}
		
		Event.observe($('refer-box-tab'), 'click', function(){refertab(manager);}, false);
		Event.observe($('refer-box-close'), 'click', function(){Element.hide($('refer-box-inner'));manager.setCookie("referbox", close);}, false);
	}
	
	
	//for styleswitcher
	var cookie = manager.getCookie("style");
	//var title = cookie ? cookie : getPreferredStyleSheet();
	var title = cookie ? cookie : 'font-medium';
	if(cookie == 'null'){
		title = 'font-medium';
	}
	setActiveStyleSheet(title);
	
	//current display
	displayCurrentFont(title);
	
	var list = new Array('font-small', 'font-medium', 'font-big');
	
	//medium
	var over = new Array();
	var out = new Array();
	var click = new Array();
	
	over['font-medium'] = function(){fover('font-medium')};
	over['font-big'] = function(){fover('font-big')};
	over['font-small'] = function(){fover('font-small')};
	
	out['font-medium'] = function(){fout('font-medium')};
	out['font-big'] = function(){fout('font-big')};
	out['font-small'] = function(){fout('font-small')};
	
	click['font-big'] = function(){
		//save old
		var manager = new CookieManager({shelfLife:30});
		var cookie = manager.getCookie("style");
		//var title = cookie ? cookie : getPreferredStyleSheet();
		var title = cookie ? cookie : "font-medium";
		var old = title;
		//disable self
		setActiveStyleSheet('font-big');
		displayCurrentFont('font-big');
		Event.stopObserving($('font-big'), 'mouseover', over['font-big'], false);
		Event.stopObserving($('font-big'), 'mouseout', out['font-big'], false);
		
		//old enable
		Event.observe($(old), 'mouseover', over[old], false);
		Event.observe($(old), 'mouseout', out[old], false);
		Event.observe($(old), 'click', click[old], false);
	};
	
	click['font-medium'] = function(){
		//save old
		var manager = new CookieManager({shelfLife:30});
		var cookie = manager.getCookie("style");
		//var title = cookie ? cookie : getPreferredStyleSheet();
		var title = cookie ? cookie : "font-medium";
		var old = title;
		//disable self
		setActiveStyleSheet('font-medium');
		displayCurrentFont('font-medium');
		Event.stopObserving($('font-medium'), 'mouseover', over['font-medium'], false);
		Event.stopObserving($('font-medium'), 'mouseout', out['font-medium'], false);
		
		//old enable
		Event.observe($(old), 'mouseover', over[old], false);
		Event.observe($(old), 'mouseout', out[old], false);
		Event.observe($(old), 'click', click[old], false);
	};
	click['font-small'] = function(){
		//save old
		var manager = new CookieManager({shelfLife:30});
		var cookie = manager.getCookie("style");
		//var title = cookie ? cookie : getPreferredStyleSheet();
		var title = cookie ? cookie : "font-medium";
		var old = title;
		//disable self
		setActiveStyleSheet('font-small');
		displayCurrentFont('font-small');
		Event.stopObserving($('font-small'), 'mouseover', over['font-small'], false);
		Event.stopObserving($('font-small'), 'mouseout', out['font-small'], false);
		
		//old enable
		Event.observe($(old), 'mouseover', over[old], false);
		Event.observe($(old), 'mouseout', out[old], false);
		Event.observe($(old), 'click', click[old], false);
	};
	
	for(var i=0; i < list.length; i++){
		//カレント以外のmouseover mouseoutを登録
		if(list[i] != title){
			Event.observe($(list[i]), 'mouseover', over[list[i]], false);
			Event.observe($(list[i]), 'mouseout', out[list[i]], false);
			Event.observe($(list[i]), 'click', click[list[i]], false);
		}
	}
	
}


//for global navi
function openMenu(menuid, menuimg){
	$(menuid).style.display = 'block';
	
	var path = $(menuimg).src.replace('.png', '_o.png');
	$(menuimg).src = path;
}

function closeMenu(menuid, menuimg){
	$(menuid).style.display = 'none';
	
	var path = $(menuimg).src.replace('_o.png', '.png');
	$(menuimg).src = path;
}

// for image label
function label(radio){
	$(radio).click();
}

//font size change image roll over/out
function fover(fid){
	var src = $(fid).getAttribute('src');
	var ftype = src.substring(src.lastIndexOf('.'), src.length);
	var regexp = '_o.'+ftype;
	if(!src.match(/_o.png$/)){
		//alert('display');
		var hsrc = src.replace(ftype, '_o'+ftype);
		$(fid).setAttribute('src', hsrc);
	}
}

function fout(fid){

	var src = $(fid).getAttribute('src');
	var ftype = src.substring(src.lastIndexOf('.'), src.length);
	var regexp = '_o.'+ftype;
	if(src.match(/_o.png$/)){
		var hsrc = src.replace('_o'+ftype, ftype);
		$(fid).setAttribute('src', hsrc);
	}
}


// for kadosense area
function refertab(cm){
	count = cm.getCookie('referbox');
	if(count == close){
		Element.show($('refer-box-inner'));
		cm.setCookie("referbox", open);
	}else if(count == open){
		Element.hide($('refer-box-inner'));
		cm.setCookie("referbox", close);
	}
}