tr=1;td=1;td_width=50;td_height=50;text_hover = 0;info = '';td_count=1;table={};in_table='';
action_arr = {};
action_arr['text'] = {"font-size":"text1","color":"text2","text-align":"text2","float":"text2","padding":"text2"};
action_arr['img'] = {"text-align":"text2","float":"text2","padding":"text2"};
action_arr['link'] = {"font-size":"text1","color":"text2","text-align":"text2","float":"text2","link":"text2"};
action_arr['file'] = {"font-size":"text1","color":"text2","text-align":"text2","float":"text2",};
action_arr['table'] = {"font-size":"text1","color":"text2","text-align":"text2","float":"text2",};
/*if (confirm("Уверены, что хотите войти?")) {
	alert("Tогда оставайтесь");
	}
else {
	parent.location='http://google.com';
	alert("Счастливого пути");
}
*/
//alert(div_in);
window.onload=function() {
slide=document.getElementById('img_slide');
slide_array=document.getElementById("img_slide").getElementsByTagName("IMG");
slide_length=slide_array.length;
this_slide=0;
slide_i=1;
count=1;
switch_slide=0;
set_time=1;
slide_action();
}

function slide_action() {
	if(this_slide>=slide_length||this_slide<0) {if(slide_i==1) {slide_i=-1;this_slide+=slide_i-1;}else{slide_i=1;this_slide+=slide_i+1;}}
	if (switch_slide==0) {
		count-=0.1;
		slide_array[this_slide].style.opacity=count;
		if(slide_array[this_slide].style.opacity<0) {switch_slide=1;this_slide+=slide_i;}
	}
	else {
		count+=0.1;
		slide_array[this_slide].style.opacity=count;
		if(slide_array[this_slide].style.opacity>1) {switch_slide=0;set_interval();}
	}
	if(set_time==1) {setTimeout(arguments.callee, 100);}
}

function set_interval() {
set_time=0;
if (count<=20) {count++;setTimeout(arguments.callee, 100);}else{count=1.1;set_time=1;slide_action();}
}

function in_Admin() {
	div_in=document.getElementById('in_Admin');
	if (div_in.innerHTML=="") {
		div_in.style.display="block";
		div_in.innerHTML='<input class="in_Admin" type="text" name="do[login]"/><button class="in_Admin">Ok</button>';
	}
	else{
		div_in.style.display="none";
		div_in.innerHTML='';
	}
}

function key_event(button_js) {
button_pres = button_js;

}

document.onmousemove = function(e){
mCur = mousePageXY(e);
};
function mousePageXY(e){
var x = 0, y = 0;
if (!e) e = window.event;
if (e.pageX || e.pageY){
x = e.pageX;
y = e.pageY;
}
else if (e.clientX || e.clientY){
x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return {"x":x, "y":y};
}
function convert (php_option,php_style) {
	option = JSON.parse(php_option);
	style = JSON.parse(php_style);
}


function text_resize (a,lev,action) {
	var text_layar = document.getElementById('text_'+a+lev);
	var text_info = document.getElementById('text_info_width');
	var text_width = document.getElementById('text_width_'+a+lev);
	switch (action) {
		case "plus":
			text_width_val = +text_layar.clientWidth+80+'px';
			text_layar.style.width = text_width_val;
			text_width.value = text_width_val;
		break;
		case "min":
			text_width_val = +text_layar.clientWidth-120+'px';
			text_layar.style.width = text_width_val;
			text_width.value = text_width_val;
		break;
		default:
			text_layar.style.width = text_width.value;
		break;
	}
	text_info.innerHTML = '<input type="hidden" name="do[style][0][width]" value="'+text_width.value+'"/>';
}

function text_position (a,lev,action) {
	var text_layar = document.getElementById('text_'+a+lev);
	var text_info = document.getElementById('text_info_margin');
	var text_width = document.getElementById('text_width_'+a+lev);
	var text_width = text_width.value;
	text_width = text_width.substring(0,text_width.length-2);
	switch (action) {
		case "left":
			text_layar.style.marginLeft = '0px';
			text_layar.style.left = '0px';
			text_info.innerHTML = '<input type="hidden" name="do[style][0][margin-left]" value="0px"/><input type="hidden" name="do[style][0][left]" value="0px"/>';
		break;
		case "margin":
			text_layar.style.left = '0px';
			text_layar.style.margin = '0 auto';
			text_info.innerHTML = '<input type="hidden" name="do[style][0][margin-left]" value="-'+text_width/2+'px"/><input type="hidden" name="do[style][0][left]" value="50%"/>';
		break;
		case "right":
			text_layar.style.left = '0px';
			text_layar.style.marginRight = '0px';
			text_info.innerHTML = '<input type="hidden" name="do[style][0][left]" value="100%"/><input type="hidden" name="do[style][0][margin-left]" value="-'+text_width+'px"/>';
		break;
	}
	
}


function advanced () {
	var con_add_sel = document.getElementById('select_add_content');
	var select_add_where = document.getElementById('select_add_where');
	var option_menu = document.getElementById('option_top_menu');
	advanced_menu = '<hr/><select name="do[advanced][font-size]">';
	for (key in option['font-size']) {
		advanced_menu += '<option value="'+key+'">'+option['font-size'][key]+'</option>';
	}
	advanced_menu += '</select>';
	advanced_menu += '<select name="do[advanced][color]">';
	for (key in option['color']) {
		advanced_menu += '<option value="'+key+'">'+option['color'][key]+'</option>';
	}
	advanced_menu += '</select>';
	advanced_menu += 'Расположение <select name="do[advanced][text-align]">';
	for (key in option['text-align']) {
		advanced_menu += '<option value="'+key+'">'+option['text-align'][key]+'</option>';
	}
	advanced_menu += '</select>';
	advanced_menu += 'Обтекание <select name="do[advanced][float]">';
	for (key in option['float']) {
		advanced_menu += '<option value="'+key+'">'+option['float'][key]+'</option>';
	}
	advanced_menu += '</select><button>Ok</button><hr/>';
	option_menu.innerHTML = advanced_menu;

}

function quest_clear() {
	var option_menu = document.getElementById('option_top_menu');
	option_menu.innerHTML = 'Вы точно хотите очистить весь раздел?<button name="do[clear_content]">Да</button> <button>Нет</button>';
}
/*
function resize (action,wheare) {
	var select_add_where = document.getElementById('select_add_where');
	var select_add_where = +select_add_where.options[select_add_where.selectedIndex].value+1;
	var info = document.getElementById('info');
	var div_this = document.getElementById('div_this_'+action);
	var width = div_this.clientWidth;
	var height = div_this.clientHeight;
	info.innerHTML += '<input type="hidden" name="do[style]['+select_add_where+'][width]" value="'+width+'px"/><input type="hidden" name="do[style]['+select_add_where+'][height]" value="'+height+'px"/>'; 
	onmousemove = function () {}
}
function pre_resize (action,wheare) {
	var div_this = document.getElementById('this');
	var layar = document.getElementById(wheare);
	var shift = document.getElementById('shift');
	var preview = document.getElementById('preview_image');
	var width_def = preview.clientWidth;
	var height_def = preview.clientHeight;

	var prop = width_def/height_def;
	onmousemove = function () {
		if (button_pres == 16) {
			var width = preview.clientWidth;
			var height = preview.clientHeight;
			shift.innerHTML = 'Вы зажали шифт --- Ширина:'+width+' --- Высота:'+height+'Пропорция'+prop;
			layar.style.width = width+'px';
			preview.style.height = width/prop+'px';
			layar.style.height = width/prop+'px';
			document.onkeyup= function() {shift.innerHTML = 'Вы отпустили шифт';button_pres='';}
		}
		else{
			preview.style.height = '100%';
			var width = preview.clientWidth;
			var height = preview.clientHeight;
			layar.style.width = width+'px';
			layar.style.height = height+'px';
		}
		

	}
}
*/
/*--------------------Редактирование контента------------------------------------*/
function hover_content(a,key,val,lev,action) {
	var layar = document.getElementById(a+lev+''+key);
	var action_js = "'"+action+"'";var layar_js = "'"+a+lev+''+key+"'";
	switch (action) {
		case"text":
			layar.innerHTML = '<div id="this"><TEXTAREA id="textarea_this" class="content_add" name="do[red_content][text]['+key+']">'+val+'</TEXTAREA></div>';
		break;
		case"file":
			layar.innerHTML = '<div id="this"><TEXTAREA id="textarea_this" class="content_add" name="do[red_content][file]['+key+']">'+val+'</TEXTAREA></div>';
		break;
		case"link_in":
			layar.innerHTML = '<div id="this">Название <input type="text" id="textarea_this_name" class="content_add" name="do[red_link][link_in]['+key+'][name]" value="'+val+'"/></div>';
		break;
		case"link_out":
			val = val.split("@@@");
			layar.innerHTML = '<div id="this">Название <input type="text" id="textarea_this_name" class="content_add" name="do[red_link][link_out]['+key+'][name]" value="'+val[0]+'"/>Ссылка<input type="text" id="textarea_this_adr" class="content_add" name="do[red_link][link_in]['+key+'][adr]"value='+val[1]+'/></div>';
		break;
		case"img":
			layar.innerHTML = '<div id="this"><div id="info"></div><div id="div_this_img" onmousedown="pre_resize('+action_js+','+layar_js+');" onmouseup="resize('+action_js+','+layar_js+');"><img id="preview_image" src="content/img/'+a+'/'+val+'" alt="image preview"/></div><br/> <input type="file" id="uploaded_image" name="img"onchange="preview_image_func();"/></div>';
			var img_def = document.getElementById('div_this_img');
			var div_this = document.getElementById('this');
			img_def.style.width =div_this.clientWidth+'px';
			img_def.style.height =div_this.clientHeight+'px';
		break;
		case"table":
			table_layar=layar.getElementsByTagName('table');
			table_layar_td=layar.getElementsByTagName('td');
			table_layar_tr=layar.getElementsByTagName('tr');
			var tr=table_layar_tr.length;
			var td=table_layar_td.length/table_layar_tr.length;
			layar.innerHTML += 'Столбцы <input type="button" value="-" onclick="rem_td();"/> <input disabled type="text" value="'+td+'" size="1"/> <input type="button" value="+" onclick="add_td();"/>';
			layar.innerHTML += 'Строки <input type="button" value="-" onclick="rem_tr();"/><input disabled type="text" value="'+tr+'" size="1"/> <input type="button" value="+" onclick="add_tr();"/>';
			
			var count=0;
			for(i=1;i<=tr;i++) {
				for(q=1;q<=td;q++) {
					table_layar_td[count].innerHTML='<textarea name="do[red_table][table]['+i+']['+q+']">'+table_layar_td[count].innerHTML+'</textarea>';
					count++;
				}
			}
			for(i=0;i<=table_layar_td.length;i++) {
				
			}
//			alert(q);
		break;
	}
	option_menu(a,key,lev,action);
}

function unhover_content (a,key,val,lev) {
	var text_layar = document.getElementById(a+lev+key);
	var text_x = document.getElementById(a+lev+key+'x');
	text_x.style.display = 'none';
	text_layar.innerHTML = val;
}
/*----------------------------------------------------------------------------*/
function select_action(val,select_value,id) {
	if (document.getElementById('textarea_this')) {var textarea = document.getElementById('textarea_this');}
	if (document.getElementById('textarea_this_name')) {var textarea = document.getElementById('textarea_this_name');}
		var divarea = document.getElementById(id);
		if (divarea == null){var divarea = document.getElementById('this');}
		switch (val) {
			case "font-size":
				textarea.style.fontSize = select_value;
			break;
			case "color":
				textarea.style.color = select_value;
			break;
			case "text-align":
				divarea.style.textAlign = select_value;
			break;
		}

}
/*
function preview_image_func () {
	var upload_field = document.getElementById("uploaded_image"); 
    var preview_image = document.getElementById("preview_image"); 
   if("files" in upload_field && "getAsDataURL" in upload_field.files[0]) { 
      preview_image.src = upload_field.files[0].getAsDataURL(); 
   } else { 
      alert("К сожалению, Ваш браузер не поддерживает метод 'getAsDataURL'"); 
   } 
}
*/
function option_menu(a,key,lev,action) {
	var option_menu = document.getElementById('option_top_menu');
	var test = "";
	var style_layar = "";
	var id_js = "'"+a+""+lev+""+key+"'";
	for (name in action_arr[action]) {
		switch (name) {
			case "text-align":
				test += 'Расположение';
			break;
			case "float":
				test += 'Обтекание';
			break;
		}

		var name_js = "'"+name+"'";
		test += '<select name="do[style]['+key+']['+name+']" id="select'+name+'" >';
		index = 1;
		if (style[a]==undefined) {style[a]='';style[a][lev]='';}
		for (val1 in option[name]) {
			var val1_js = "'"+val1+"'";
			if (style[a][lev][key] !== undefined) {
				if (style[a][lev][key][name] == val1){
					select_action(name,val1,a+lev+key);
					test += '<option selected value="'+val1+'" onmouseover="select_action('+name_js+','+val1_js+','+id_js+');">'+option[name][val1]+'</option>';
					style_layar += name+':'+val1+';';
				}
				else {
					test += '<option value="'+val1+'" onmouseover="select_action('+name_js+','+val1_js+','+id_js+');">'+option[name][val1]+'</option>';
				}
			}
			else {
				if (index == 1) {select_action(name,val1,a+lev+key);}
				test += '<option value="'+val1+'" onmouseover="select_action('+name_js+','+val1_js+','+id_js+');">'+option[name][val1]+'</option>';
			}
			index++;
		}
		test += '</select>';
	}
	if (action=='text') {test += " Как таблицу <input type='checkbox' name='in_table' onclick='in_table_check(this);'/> ";}
	test += "<button>Ok</button>";
	option_menu.innerHTML = test;
	return style_layar;
}

function in_table_check(in_table){
if(in_table.checked) {var textarea_this = document.getElementById('textarea_this');textarea_this.name='do[add_content][create_table]';}
}

function add_content (a_php,lev_php) {
	a=a_php;lev=lev_php;
	var con_add_sel = document.getElementById('select_add_content');
	var select_add_where = document.getElementById('select_add_where');
	var con_add = document.getElementById('content_add');
	var action = con_add_sel.options[con_add_sel.selectedIndex].value;
	var select_add_where = +select_add_where.options[select_add_where.selectedIndex].value+1;
	a_js = ""+a+"";where_js = ""+select_add_where+"";lev_js = ""+lev+"";
	var option_menu_def = document.getElementById('option_top_menu');
	option_menu_def.innerHTML ='';
	action_js = "'"+action+"'";
	switch (action){
		case "text":
			con_add.innerHTML = '<div id="this"><TEXTAREA id="textarea_this" class="content_add" name="do[add_content][text]"></TEXTAREA></div>';
		break;
		case "img":
			con_add.innerHTML = '<div id="this"><div id="info"></div><div id="div_this_img" onmousedown="pre_resize('+action_js+');" onmouseup="resize('+action_js+');"><img id="preview_image" src="#" alt="image preview"/></div><br/> <input type="file" id="uploaded_image" name="img"onchange="preview_image_func();"/></div>';
		break;
		case "file":
			con_add.innerHTML = '<div id="this">Загрузить <input type="file" id="textarea_this_name" class="content_add" name="file" onclick=""/></div>';
		break;
		case "link":
			con_add.innerHTML = '<div id="this">Название <input type="text" id="textarea_this_name" class="content_add" name="do[add_content][link][name]" onclick=""/>Ссылка<input type="text" id="textarea_this_adr" class="content_add" name="do[add_content][link][adr]"/></div>';
		break;
		case "table":
			con_add_js = "";
			con_add_js += 'Столбцы <input type="button" value="-" onclick="rem_td();"/> <input disabled type="text" value="'+td+'" size="1"/> <input type="button" value="+" onclick="add_td();"/>';
			con_add_js += 'Строки <input type="button" value="-" onclick="rem_tr();"/><input disabled type="text" value="'+tr+'" size="1"/> <input type="button" value="+" onclick="add_tr();"/>';
			con_add_js += '<div id="this"><table  id="textarea_this"  class="content_add">';
			var count_val=0;
			for (i=1;i<=tr;i++) {
				con_add_js += '<tr>';
				for (q=1;q<=td;q++) {
					i_js = "'"+i+"'";
					q_js = "'"+q+"'";
					con_add_js += '<td id="'+i+q+'"  onclick="td_style('+i_js+','+q_js+');">';
					if(table[count_val]==undefined){
						con_add_js += '<TEXTAREA id="'+i+q+'" name="do[add_content][table]['+i+']['+q+']" onFocus="td_focus(this);"></TEXTAREA>';
					}
					else{
						con_add_js += '<TEXTAREA name="do[add_content][table]['+i+']['+q+']" onFocus="td_focus(this);">'+table[count_val].value+'</TEXTAREA>';
					}
					count_val++;
					con_add_js += '</td>';
				}
				con_add_js +='</tr>';
			}
			con_add_js += '</table></div>';
			width_table_td=100/td;
			con_add_js += '<input type="hidden" name="do[table_style]['+select_add_where+'][td_width]" value="'+width_table_td+'"/>';
			con_add.innerHTML = con_add_js;
			table=document.getElementsByTagName('TEXTAREA');
//			alert(textarea_table[0].innerHTML);
			
		break;
	}
	option_menu(a_js,where_js,lev_js,action);
	con_add.innerHTML += '<br/><button>Ok</button><hr/>';
}


function add_td() {
	td++;
	add_content (a,lev);
}
function rem_td() {
	td--;
	add_content (a,lev);
}
function add_tr() {
	tr++;
	add_content (a,lev);
}
function rem_tr() {
	tr--;
	add_content (a,lev);
}

function td_focus(bla) {/*
colect_td=document.getElementById('this').getElementsByTagName('textarea');
for(td_i in colect_td) {colect_td[td_i].id='';}
bla.id='textarea_this';
action='table';
option_menu(a_js,where_js,lev_js,action);
*/}

function link() {
var link = document.getElementById('link');
link.value +='___!&@';
}

function td_style(i,q) {

}
/*					con_add_js += '<div id="td_header">';
					con_add_js += '<div id="" class="td_left" onclick="add_text('+i_js+','+q_js+');"><img src="img/add_content/text.jpg" title="Текст"/></div>';
					con_add_js += '<div id="" class="td_center" onclick="add_img('+i_js+','+q_js+');"><img src="img/add_content/img.jpg" title="Картинка"/></div>';
					con_add_js += '<div id="" class="td_right" onclick="add_link('+i_js+','+q_js+');"><img src="img/add_content/link.png" title="Ссылка"/></div></div><br/>';
					con_add_js += '<div id="text'+i+q+'" style="display:block;">text</div>';
					con_add_js += '<div id="img'+i+q+'" style="display:none;">img</div>';
					con_add_js += '<div id="link'+i+q+'" style="display:none;">link</div>';
function add_text(i,q) {
	var add_td_text = document.getElementById('text'+i+q);
	var add_td_img = document.getElementById('img'+i+q);
	var add_td_link = document.getElementById('link'+i+q);
	add_td_text.style.display = 'block'; 
	add_td_img.style.display = 'none'; 
	add_td_link.style.display = 'none'; 
}
function add_img(i,q) {
	var add_td_text = document.getElementById('text'+i+q);
	var add_td_img = document.getElementById('img'+i+q);
	var add_td_link = document.getElementById('link'+i+q);
	add_td_text.style.display = 'none'; 
	add_td_img.style.display = 'block'; 
	add_td_link.style.display = 'none'; 
}
function add_link(i,q) {
	var add_td_text = document.getElementById('text'+i+q);
	var add_td_img = document.getElementById('img'+i+q);
	var add_td_link = document.getElementById('link'+i+q);
	add_td_text.style.display = 'none'; 
	add_td_img.style.display = 'none'; 
	add_td_link.style.display = 'block'; 
}*/