$(document).ready(createCont);
serv = '/nserv.php';

function createCont() {
	$("#categories").find("a[@href*='"+categr+"']").css({"textDecoration":"underline","color":"#FFFFFF"});
	if (sc_id.length > 0) {
		for (var i = 0; i < sc_id.length; i++) {
			$("#gallery").append($(
'<div id="scene">' +
	'<input id="sc" type="hidden" value="'+sc_id[i]+'">' +
	'<div id="flash'+i+'"></div>' +
	'<div id="buttons">' +
		'<div id="info">№ '+sc_id[i]+', '+added[i]+'</div>' +
		'<div id="comm_btn" onclick="showComm(this)">Комменты ('+comm[i]+')</div>' +
	'</div><br/>' +
	'<div id="comments"><hr />' +
		'<div id="content"></div>' +
		'<div id="pages"></div>' +
		'<div id="editr_btn" onclick="showEditr(this,'+sc_id[i]+')">Комментировать</div><br/>'+
		'<div id="editor"></div>' +
	'</div>' +
'</div><div id="middleSpace"></div>'));
			swfobject.embedSWF("/newskiller.swf", "flash"+i, "600", "600", "10.0.0", "/expressInstall.swf", {sc_id:sc_id[i]} );
		};
		if (categr=='random') {
			$("#gallery").append('<div id="mainpages"><hr/><div onclick="'+"location.replace('/gallery/random/')"+'">Ещё</div></div>');
		} else {
			if (sc_id.length > 1) {
				$("#gallery").append('<div id="mainpages"><hr/>'+generatePages(page,total,"location.replace('/gallery/"+categr+'/',"')")+'</div>');
			};
		};
		$($("div:contains('"+page+"')",$("#mainpages")).get(0)).css({"textDecoration":"underline"});
	} else {
		$("#gallery").append('<b>Этой сцены не существует :)</b>');
	};
};

function showEditr(item, sc) {
	$(item).parent().find("#editor").html(
'<form id="commenting" action="'+serv+'" method="post"><table border="0" width="600">'+
'<tr><td width="300" align="center"><input name="author" type="text" value="Анонимус"/></td>'+
'<td width="120"><img src="/kcaptcha.jpg" alt="защитный код" /></td>'+
'<td align="center"><input name="keystring" type="text" value=""/><br/>&nbsp;<br/><input type="submit" value="Отправить"/></td></tr>'+
'<tr><td colspan="3"><textarea name="text" style="height: 75px; width: 100%;" wrap="off"></textarea></td></tr></table>'+
'<input name="act" type="hidden" value="save_comm"/><input name="sc_id" type="hidden" value="'+sc+'"/></form>')
	.toggle()
	.find('#commenting')
	.ajaxForm(function(err) {
			alert(err);
			listComm(sc,1);
	});
};

function showComm(item) {
	item = $(item).parent().parent();
	var comments = $("#comments",item);
	var sc = $("#sc",item).attr("value");
	if ($(comments).css("display")=="none") {
		listComm(sc,1);
	};
	$(comments).toggle();
};

function listComm(sc,page) {
	$.get(serv,{'act':'load_comm','sc_id':sc,'page':page},function (xml) {
		var sc = $("comments",xml).attr("scene");
		var page = $("comments",xml).attr("page");
		var item = $('input[@id="sc"][@value="'+sc+'"]').parent().find("#comments");
		var content = $("#content",item);
		var pages = $("#pages",item);
		$(content).empty();
		$("item",xml).each(function () {
			$(content).append('<div id="comment"><p>Автор: ' +$("author",this).text() + ',&nbsp;&nbsp;дата: ' + $("date",this).text() + '</p><p>' + $("text",this).text() + "</p></div>");
		});
		$(pages).html(generatePages(page, $("comments",xml).attr("total"), 'listComm('+sc+',',')'));
		$($("div:contains('"+page+"')",pages).get(0)).css("textDecoration","underline");
	});
};

function generatePages (current, total, fname, fend) {
	current -= 0; total -= 0;
	var str = '<div onclick="'+fname+'1'+fend+'">1</div>';
	var sub_str = '';
	var inner = false;
	if (current > 1) {
		str += '<div onclick="'+fname+(current-1)+fend+'" style="width:auto;">← предыдущая&nbsp;&nbsp;&nbsp;</div>';
	};
	if (total > 2) {
		for (var i = -2; i <= 2; i++) {
			var cur = current + i;
			if ( (i==-2) && (cur > 2) && (total>7) ) { /*str += '<div>...</div>';*/ inner = true; };
			if ( inner ) {
				if (cur >= total) {
					sub_str = '<div onclick="'+fname+(total-3-i)+fend+'">'+(total-3-i)+'</div>' + sub_str;
				} else {
					sub_str += '<div onclick="'+fname+cur+fend+'">'+cur+'</div>';
				}
			}
			else {
				if ((i+4) >= total) {break;}
				sub_str += '<div onclick="'+fname+(i+4)+fend+'">'+(i+4)+'</div>';
			};
			/*if ( (i==2) && (cur < (total - 1)) && (total>7) ) { sub_str += '<div>...</div>' };*/
		};
	};
	if (current < total) {
		sub_str += '<div onclick="'+fname+(current+1)+fend+'" style="width:auto;">следующая →&nbsp;&nbsp;&nbsp;</div>';
	};
	if (total >= 2) { str += sub_str + '<div onclick="'+fname+total+fend+'">'+total+'</div>'; };
	return str;
};