jQuery.noConflict();
var j$ = jQuery;


jQuery(window).bind("load", function() {
jQuery("div#slider1").codaSlider()
});



function getBrowserWidth ( ) {   
    if ( window.innerWidth ) { return window.innerWidth; }   
    else if ( document.documentElement && document.documentElement.clientWidth != 0 ) { return document.documentElement.clientWidth; }   
    else if ( document.body ) { return document.body.clientWidth; }   
    return 0;
}


function chgNews( newsId ) {
	var id = "news0" + newsId;
	for (var i = 1; i <= 3; i++) {
		var cid = "news0" + i;
		if (cid == id) {
			document.getElementById(cid).style.display = "inline";
		} else {
			document.getElementById(cid).style.display = "none";
		}
	}

	if (newsId == 1) {
		document.tab1.src='images/tab_topix_x2.jpg';document.tab2.src='images/tab_campaign_d2.jpg';document.tab3.src='images/tab_event_d2.jpg';
	} else if (newsId == 2) {
		document.tab1.src='images/tab_topix_d2.jpg';document.tab2.src='images/tab_campaign_x2.jpg';document.tab3.src='images/tab_event_d2.jpg';
	} else if (newsId == 3) {
		document.tab1.src='images/tab_topix_d2.jpg';document.tab2.src='images/tab_campaign_d2.jpg';document.tab3.src='images/tab_event_x2.jpg';
	}
	SetCookie('news', newsId);
}


function Mdown(e){
	if(document.all){
		mdx = event.x;
		mdlayx = document.all("iLf").style.posLeft;
	}else if(document.layers){
	}else if(document.getElementById){
		mdx = parseInt(e.pageX);
		mdlayx = parseInt(document.getElementById("iLf").style.left);
	}
	M_flag = true;
	return false;
}

function Mup(e){
	M_flag = false;
	return false;
}

function Mmove(e){
	if(document.all){
		if(M_flag){
			mmx = event.x;
			mmlayx = (mmx - mdx) + mdlayx;
			if(mmlayx < xmin) mmlayx = xmin;
			if(mmlayx > xmax) mmlayx = xmax;
			x = Math.floor((mmlayx - xmin) / dx * (maxValue - minValue) + minValue)+1;
			SetCookie('cnt', x);
			document.all("iLf").style.posLeft = mmlayx;
			document.all("iLv").innerHTML = MakeNews(x);
		}
		event.returnValue = false;
	}else if(document.layers){
	}else if(document.getElementById){
		if(M_flag){
			mmx = parseInt(e.pageX);
			mmlayx = (mmx - mdx) + mdlayx;
			if(mmlayx < xmin) mmlayx = xmin;
			if(mmlayx > xmax) mmlayx = xmax;
			x = Math.floor((mmlayx - xmin) / dx * (maxValue - minValue) + minValue)+1;
			SetCookie('cnt', x);
			document.getElementById("iLf").style.left = mmlayx;
			document.getElementById("iLv").innerHTML = MakeNews(x);
		}
		return false;
	}
}

function MakeNews(x){
	news_block = "";
	for(i=1;i<x;i++){
		news_block += news[i];
	}
	
	return news_block;
}

function setCookie1() {
document.cookie = 'n00b='+encodeURIComponent( Sortable.serialize('menu').replace(/[^\&]*=/g,'') );
}
window.onload = function() {

Sortable.create( 'menu', {'onUpdate':setCookie1} );
var cookieArray = document.cookie.match('n00b=([^;]*)');
if ( cookieArray )
Sortable.setSequence('menu', decodeURIComponent(cookieArray[1]).split('&') );
select_tab('topixArea', 'tab', 3, 1);
Random_news();
status_ini();
Scroll();
}

var order_ch = new Array(5) ;

var menu = new Array(5) ;
menu['a1'] = document.getElementById("menu_a1");
menu['a2'] = document.getElementById("menu_a2");
menu['a3'] = document.getElementById("menu_a3");
menu['a4'] = document.getElementById("menu_a4");


function sort_up(num){
	
	var error_flag = 0;
	
	var sort_num = GetCookie('n00b').split('&');
	
	var new_sort_num = new Array(4);
	
	var menu = new Array(4) ;
	menu['a1'] = document.getElementById("menu_a1").innerHTML;
	menu['a2'] = document.getElementById("menu_a2").innerHTML;
	menu['a3'] = document.getElementById("menu_a3").innerHTML;
	menu['a4'] = document.getElementById("menu_a4").innerHTML;

	
	if(sort_num==""){
		sort_num[0] = "a1";
		sort_num[1] = "a2";
		sort_num[2] = "a3";
		sort_num[3] = "a4";
	}	
	if(num==sort_num[0]){
		new_sort_num[0] = sort_num[0];
		new_sort_num[1] = sort_num[1];
		new_sort_num[2] = sort_num[2];
		new_sort_num[3] = sort_num[3];
		error_flag++;
	}
	if(num==sort_num[1]){
		new_sort_num[0] = sort_num[1];
		new_sort_num[1] = sort_num[0];
		new_sort_num[2] = sort_num[2];
		new_sort_num[3] = sort_num[3];
		error_flag++;
	}
	if(num==sort_num[2]){
		new_sort_num[0] = sort_num[0];
		new_sort_num[1] = sort_num[2];
		new_sort_num[2] = sort_num[1];
		new_sort_num[3] = sort_num[3];
		error_flag++;
	}
	if(num==sort_num[3]){
		new_sort_num[0] = sort_num[0];
		new_sort_num[1] = sort_num[1];
		new_sort_num[2] = sort_num[3];
		new_sort_num[3] = sort_num[2];
		error_flag++;
	}
	if(error_flag == 0){
		new_sort_num[0] = "a1";
		new_sort_num[1] = "a2";
		new_sort_num[2] = "a3";
		new_sort_num[3] = "a4";
	}
	
	SetCookie('n00b', new_sort_num[0] + '&' + new_sort_num[1] + '&' + new_sort_num[2] + '&' + new_sort_num[3] );
	
	
	// 現在の表示スクロール位置を取得
	var xOffset = 0;
	
	yOffset = document.documentElement.scrollTop || document.body.scrollTop;
	
	
	// 現在の表示スクロール位置を代入
	window.name = xOffset + "," + yOffset;
	SetCookie('height',yOffset);
	location.reload();
}


function sort_down(num){
	
	var error_flag = 0;
	
	var sort_num = GetCookie('n00b').split('&');
	
	var new_sort_num = new Array(4);
	
	var menu = new Array(4) ;
	menu['a1'] = document.getElementById("menu_a1").innerHTML;
	menu['a2'] = document.getElementById("menu_a2").innerHTML;
	menu['a3'] = document.getElementById("menu_a3").innerHTML;
	menu['a4'] = document.getElementById("menu_a4").innerHTML;
	
	
	
	if(sort_num==""){
		sort_num[0] = "a1";
		sort_num[1] = "a2";
		sort_num[2] = "a3";
		sort_num[3] = "a4";
		
	}
	
	if(num==sort_num[0]){
		new_sort_num[0] = sort_num[1];
		new_sort_num[1] = sort_num[0];
		new_sort_num[2] = sort_num[2];
		new_sort_num[3] = sort_num[3];
		error_flag++;
	}	
	if(num==sort_num[1]){
		new_sort_num[0] = sort_num[0];
		new_sort_num[1] = sort_num[2];
		new_sort_num[2] = sort_num[1];
		new_sort_num[3] = sort_num[3];
		error_flag++;
	}
	if(num==sort_num[2]){
		new_sort_num[0] = sort_num[0];
		new_sort_num[1] = sort_num[1];
		new_sort_num[2] = sort_num[3];
		new_sort_num[3] = sort_num[2];
		error_flag++;
	}
	if(num==sort_num[3]){
		new_sort_num[0] = sort_num[0];
		new_sort_num[1] = sort_num[1];
		new_sort_num[2] = sort_num[2];
		new_sort_num[3] = sort_num[3];
		error_flag++;
	}
	
	
	if(error_flag == 0){
		new_sort_num[0] = "a1";
		new_sort_num[1] = "a2";
		new_sort_num[2] = "a3";
		new_sort_num[3] = "a4";
	}
	
	SetCookie('n00b', new_sort_num[0] + '&' + new_sort_num[1] + '&' + new_sort_num[2] + '&' + new_sort_num[3] );
	
	
	// 現在の表示スクロール位置を取得
	var xOffset = 0;
	
	yOffset = document.documentElement.scrollTop || document.body.scrollTop;
	
	// 現在の表示スクロール位置を代入
	window.name = xOffset + "," + yOffset;
	SetCookie('height',yOffset);
	location.reload();
	
}


function GetCookie(key){
	var tmp = document.cookie + ";";
	var index1 = tmp.indexOf(key, 0);
	if(index1 != -1){
		tmp = tmp.substring(index1,tmp.length);
		var index2 = tmp.indexOf("=",0) + 1;
		var index3 = tmp.indexOf(";",index2);
		return(unescape(tmp.substring(index2,index3)));
	}
	return("");
}


function SetCookie(key, val){
	document.cookie = key + "=" + escape(val) + ";expires=Fri, 31-Dec-2030 23:59:59;";
}

function SetCookie2(key, val){
	document.cookie = key + "=" + escape(val) + ";";
}

function foldts(x){
	if (document.getElementById(x).style.display == 'none') {
		document.getElementById(x).style.display = 'block';
		SetCookie(x, 0);
		if ( x.indexOf("ctt") == 0 ) {
			document.getElementById(x + '_img').src = 'images/btn_hide_d.jpg';
		} else {
			document.getElementById(x + '_img').src = 'images/' + x + '_off.jpg';
		}
	} else {
		document.getElementById(x).style.display = 'none';
		SetCookie(x, 1);
		if ( x.indexOf("ctt") == 0 ) {
			document.getElementById(x + '_img').src = 'images/btn_show_d.jpg';
		} else {
			document.getElementById(x + '_img').src = 'images/' + x + '_on.jpg';
		}
	}

}


function status_ini(){
	if(GetCookie('start_ttl')==1){
		document.getElementById('start_ttl').style.display = 'none';
		document.getElementById('start_ttl_img').src = 'images/start_ttl_on.jpg';
	}
	if(GetCookie('shien_ttl')==1){
		document.getElementById('shien_ttl').style.display = 'none';
		document.getElementById('shien_ttl_img').src = 'images/shien_ttl_on.jpg';
	}
	if(GetCookie('inuaru_ttl')==1){
		document.getElementById('inuaru_ttl').style.display = 'none';
		document.getElementById('inuaru_ttl_img').src = 'images/inuaru_ttl_on.jpg';
	}
	if(GetCookie('use_ttl')==1){
		document.getElementById('use_ttl').style.display = 'none';
		document.getElementById('use_ttl_img').src = 'images/use_ttl_on.jpg';
	}
	if(GetCookie('kouken_ttl')==1){
		document.getElementById('kouken_ttl').style.display = 'none';
		document.getElementById('kouken_ttl_img').src = 'images/kouken_ttl_on.jpg';
	}
	if(GetCookie('ctt_a1')==1){
		document.getElementById('ctt_a1').style.display = 'none';
		document.getElementById('ctt_a1_img').src = 'images/btn_show_d.jpg';
	}
	if(GetCookie('ctt_a2')==1){
		document.getElementById('ctt_a2').style.display = 'none';
		document.getElementById('ctt_a2_img').src = 'images/btn_show_d.jpg';
	}
	if(GetCookie('ctt_a3')==1){
		document.getElementById('ctt_a3').style.display = 'none';
		document.getElementById('ctt_a3_img').src = 'images/btn_show_d.jpg';
	}
	if(GetCookie('ctt_a4')==1){
		document.getElementById('ctt_a4').style.display = 'none';
		document.getElementById('ctt_a4_img').src = 'images/btn_show_d.jpg';
	}
	
	if(GetCookie('news')==1){
		chgNews(1);
	}else if(GetCookie('news')==2){
		chgNews(2);
	}else if(GetCookie('news')==3){
		chgNews(3);
	}else {
		chgNews(1);
	}
}

function effect_x(str){
	document.getElementById('effect1').style.display = 'none';
	document.getElementById('effect2').style.display = 'none';
	document.getElementById('effect3').style.display = 'none';
	
	document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_d.jpg"/>';
	document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_d.jpg"/>';
	document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_d.jpg"/>';
	
	document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_on.jpg" width="10" height="16" />';
	document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_on.jpg" width="10" height="16" />';
	
	if(str=='effect1'){
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_x.jpg"/>';
		document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_off.jpg" width="10" height="16" />';
		SetCookie2('effect', 1);
	}
	
	if(str=='effect2'){
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_x.jpg"/>';
		SetCookie2('effect', 2);
	}
	
	if(str=='effect3'){
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_x.jpg"/>';
		document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_off.jpg" width="10" height="16" />';
		SetCookie2('effect', 3);
	}
	
	
	document.getElementById(str).style.display = 'block';
}

function effect_up(){
	
	document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_d.jpg"/>';
	document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_d.jpg"/>';
	document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_d.jpg"/>';
	
	document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_on.jpg" width="10" height="16" />';
	document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_on.jpg" width="10" height="16" />';
	
	if(document.getElementById('effect3').style.display == 'block'){
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_x.jpg"/>';
		document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_off.jpg" width="10" height="16" />';
		SetCookie2('effect', 3);
	}
	
	if(document.getElementById('effect2').style.display == 'block'){
		document.getElementById('effect1').style.display = 'none';
		document.getElementById('effect2').style.display = 'none';
		document.getElementById('effect3').style.display = 'block';
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_x.jpg"/>';
		document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_off.jpg" width="10" height="16" />';
		SetCookie2('effect', 3);
	}
	if(document.getElementById('effect1').style.display == 'block'){
		document.getElementById('effect1').style.display = 'none';
		document.getElementById('effect2').style.display = 'block';
		document.getElementById('effect3').style.display = 'none';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_x.jpg"/>';
		SetCookie2('effect', 2);
	}
	

}

function effect_down(){
	
	document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_d.jpg"/>';
	document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_d.jpg"/>';
	document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_d.jpg"/>';
	
	document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_on.jpg" width="10" height="16" />';
	document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_on.jpg" width="10" height="16" />';
	
	if(document.getElementById('effect1').style.display == 'block'){
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_x.jpg"/>';
		document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_off.jpg" width="10" height="16" />';
		SetCookie2('effect', 1);
	}
	
	if(document.getElementById('effect2').style.display == 'block'){
		document.getElementById('effect1').style.display = 'block';
		document.getElementById('effect2').style.display = 'none';
		document.getElementById('effect3').style.display = 'none';
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_x.jpg"/>';
		document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_off.jpg" width="10" height="16" />';
		SetCookie2('effect', 1);
	}
	if(document.getElementById('effect3').style.display == 'block'){
		document.getElementById('effect1').style.display = 'none';
		document.getElementById('effect2').style.display = 'block';
		document.getElementById('effect3').style.display = 'none';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_x.jpg"/>';
		SetCookie2('effect', 2);
	}
}

function u(x){
	document.getElementById('ef' + x).innerHTML = '<img src="images/btn_' + x + '_x.jpg" width="16" height="16" onMouseOver="s(\'' + x + '\')"  />';
}

function Random_news(){
	
	var randnum = Math.floor( Math.random() * 100 );
	if(randnum >= 0 && randnum < 33 ){
		document.getElementById('effect1').style.display = 'block';
		document.getElementById('effect2').style.display = 'none';
		document.getElementById('effect3').style.display = 'none';
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_x.jpg"/>';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_d.jpg"/>';
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_d.jpg"/>';
		document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_off.jpg" width="10" height="16" />';

	}
	if(randnum >= 33 && randnum < 66 ){
		document.getElementById('effect1').style.display = 'none';
		document.getElementById('effect2').style.display = 'block';
		document.getElementById('effect3').style.display = 'none';
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_d.jpg"/>';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_x.jpg"/>';
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_d.jpg"/>';


	}
	if(randnum >= 66 && randnum <= 99 ){
		document.getElementById('effect1').style.display = 'none';
		document.getElementById('effect2').style.display = 'none';
		document.getElementById('effect3').style.display = 'block';
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_d.jpg"/>';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_d.jpg"/>';
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_x.jpg"/>';
		document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_off.jpg" width="10" height="16" />';

	}
	if(GetCookie('effect')=='1'){
		document.getElementById('effect1').style.display = 'block';
		document.getElementById('effect2').style.display = 'none';
		document.getElementById('effect3').style.display = 'none';
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_x.jpg"/>';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_d.jpg"/>';
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_d.jpg"/>';
		document.getElementById('efe_down').innerHTML = '<img src="images/btn_left_off.jpg" width="10" height="16" />';
	}
	
	if(GetCookie('effect')=='2'){
		document.getElementById('effect1').style.display = 'none';
		document.getElementById('effect2').style.display = 'block';
		document.getElementById('effect3').style.display = 'none';
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_d.jpg"/>';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_x.jpg"/>';
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_d.jpg"/>';

	}
	
	if(GetCookie('effect')=='3'){
		document.getElementById('effect1').style.display = 'none';
		document.getElementById('effect2').style.display = 'none';
		document.getElementById('effect3').style.display = 'block';
		document.getElementById('ef1').innerHTML = '<img width="16" height="16" src="images/btn_1_d.jpg"/>';
		document.getElementById('ef2').innerHTML = '<img width="16" height="16" src="images/btn_2_d.jpg"/>';
		document.getElementById('ef3').innerHTML = '<img width="16" height="16" src="images/btn_3_x.jpg"/>';
		document.getElementById('efe_up').innerHTML = '<img src="images/btn_right_off.jpg" width="10" height="16" />';
	}
}

function Scroll()
{
// 表示位置(x, y)を取得
var coordinates = window.name.split(",");
var x = coordinates[0];
var y = coordinates[1];
// 表示スクロール位置座標を削除
window.name = "";
// 表示していた位置までスクロール
y = GetCookie('height');
SetCookie('height',0);

window.scrollTo(x,y);

}