var part_id;
var column;

var left_part;
var center_part;
var right_part;

var isMSIE = /*@cc_on!@*/0;

function pop_detail_layout_detail(clicked_column){
	window.open('detail_layout_select.php?column='+clicked_column, 'コンテンツ選択', 
			'left=100,top=100,width=200,height=400,menubar=0,location=0,toolbar=0,resizable=0,scrollbars=yes');
	return true;
}


function pop_select(selected_part){
	part_id = selected_part;
	spans = document.getElementsByTagName('span');
	for(var i=0;i < spans.length; i++){
		spans[i].className = '';
	}
	document.getElementById(selected_part).className = 'selected';
}

function pop_add(){
	var opener = window.opener.document;
	if(part_id != ''){
		if(opener.getElementById(part_id)){
			alert('既に登録されています。別カラムへ追加する場合は一度削除してください。');
			return false;
		}
		var target = window.opener.document.getElementById(column + '_column');
		if(target.getElementsByTagName('span').length == 0){
			target.innerHTML = '';
		}
		var name = document.getElementById(part_id).innerHTML;
		var content = document.createElement('span');
		content.innerHTML = name;
		content.id = part_id;
		content.setAttribute('onclick', "selectPart('" + column + "', '" + part_id + "')");
		var part = document.createElement('li');
		part.appendChild(content);
		opener.getElementById(column + '_column').innerHTML += '<li>'+part.innerHTML+'</li>';
		
		window.close();
	}
}

function saveColumn(){
	left_spans = document.getElementById('left_column').getElementsByTagName('span');
	document.form.left_part.value = encPartList(left_spans);
	center_spans = document.getElementById('center_column').getElementsByTagName('span');
	document.form.center_part.value = encPartList(center_spans);
	right_spans = document.getElementById('right_column').getElementsByTagName('span');
	document.form.right_part.value = encPartList(right_spans);
}

function encPartList(spans){
	part = '';
	for(var i=0; i<spans.length; i++){
		if(i == 0){
			part = part + spans[i].id;
		}else{
			part = part + ' ' + spans[i].id;
		}
	}
	return part;
}

function openColumn(){
	if(left_part != ''){
		left_part_array = left_part.split(' ');
		document.getElementById('left_column').innerHTML = '';
		for(var i=0; i < left_part_array.length ; i++){
			addParts('left', left_part.split(' ')[i]);
		}
	}
	if(center_part != ''){
		center_part_array = center_part.split(' ');
		document.getElementById('center_column').innerHTML = '';
		for(var i=0; i < center_part_array.length ; i++){
			addParts('center', center_part.split(' ')[i]);
		}
	}
	if(right_part != ''){
		right_part_array = right_part.split(' ');
		document.getElementById('right_column').innerHTML = '';
		for(var i=0; i < right_part_array.length ; i++){
			addParts('right', right_part.split(' ')[i]);
		}
	}
}

function selectPart(column, selected_part){
	part_id = selected_part;
	var target = document.getElementById('left_column');
	var spans = target.getElementsByTagName('span');
	for(var i=0; i < spans.length; i++){
		if(spans[i].id == part_id){
			spans[i].className="selected";
		}else{
			spans[i].className="";
		}
	}
	var target = document.getElementById('center_column');
	var spans = target.getElementsByTagName('span');
	for(var i=0; i < spans.length; i++){
		if(spans[i].id == part_id){
			spans[i].className="selected";
		}else{
			spans[i].className="";
		}
	}
	var target = document.getElementById('right_column');
	var spans = target.getElementsByTagName('span');
	for(var i=0; i < spans.length; i++){
		if(spans[i].id == part_id){
			spans[i].className="selected";
		}else{
			spans[i].className="";
		}
	}
}

function upPart(column){
	if(part_id != ''){
		var parent = document.getElementById(column + '_column');
		var spans = parent.getElementsByTagName('li');
		for(var i=0; i < spans.length; i++){
			if(spans[i].firstChild.id == part_id){
				break;
			}
		}
		if(i != 0){
			var part_html = spans[i].innerHTML;
			spans[i].innerHTML = spans[i-1].innerHTML;
			spans[i-1].innerHTML = part_html;
		}
	}
}

function downPart(column){
	if(part_id != ''){
		var parent = document.getElementById(column + '_column');
		var spans = parent.getElementsByTagName('li');
		for(var i=0; i < spans.length; i++){
			if(spans[i].firstChild.id == part_id){
				break;
			}
		}
		if(i != (spans.length-1)){
			var part_html = spans[i].innerHTML;
			spans[i].innerHTML = spans[i+1].innerHTML;
			spans[i+1].innerHTML = part_html;
		}
	}
}

function deletePart(column){
	if(part_id != ''){
		if(part_id == 'main_area'){
			alert('「' + getPartName(part_id) + '」は削除できません');
		}
		var parent = document.getElementById(column + '_column');
		var child = document.getElementById(part_id).parentNode;
		if(child){
			parent.removeChild(child);
		}
		if(parent.getElementsByTagName('span').length == 0){
			parent.innerHTML = '<ul>このカラムは空です</ul>';
		}
		
	}
}

function addParts(column, part_id){
	var target = document.getElementById(column + '_column');
	var name = getPartName(part_id);
	var content = document.createElement('span');
	content.innerHTML = name;
	content.id = part_id;
	content.setAttribute('onclick', "selectPart('" + column + "', '" + part_id + "')");
	var part = document.createElement('li');
	part.appendChild(content);
	target.innerHTML += '<li>'+part.innerHTML+'</li>';
}

function getPartName(part_id){
	var data = {};
	data.part_category = 'カテゴリ';
	data.part_search = '検索';
	data.part_main_area = '一覧／詳細';
	data.part_freespace1 = 'フリースペース１';
	data.part_freespace2 = 'フリースペース２';
	data.part_freespace3 = 'フリースペース３';
	data.part_freespace4 = 'フリースペース４';
	data.part_freespace5 = 'フリースペース５';
	data.part_freespace6 = 'フリースペース６';
	return data[part_id];
}