// Стикеры поверх картинки
var new_com_x = 0;
var new_com_y = 0;
var new_comments = new Array();
var posted = 0;
var enabled = 1;
function showcomment()
{
this.layer.style.display = 'block';
if (this.faderate < this.max_opacity) {
this.faderate = this.faderate + 10;
this.layer.style.opacity = this.faderate/100;
setTimeout(this.layer_id+'.showcomment()', 10);
}
}
function Hold()
{
this.max_opacity = 100;
this.hold_layer = 1;
this.showcomment();
}
function Release()
{
this.max_opacity = 60;
this.hold_layer = 0;
this.hidecomment();
}
function hidecomment()
{
if (this.hold_layer != 1) {
if (this.faderate > 0) {
this.faderate = this.faderate - 10;
this.layer.style.opacity = this.faderate/100;
setTimeout(this.layer_id+'.hidecomment()', 10);
} else this.layer.style.display = 'none';
}
}
function commentLayer(x, y, text, layer_id)
{
var add = "";
if ((x + 250) > pic_w) { add = " class='l' "; x = x - 250;} else { add = " class='r' "}
document.write(" ");
this.layer = document.getElementById(layer_id);
this.max_opacity = 60;
this.hold_layer = 0;
this.faderate = 0;
this.layer_id = layer_id;
this.showcomment = showcomment;
this.hidecomment = hidecomment;
this.Release = Release;
this.Hold = Hold;
}
function add_commentLayer(x, y, text, layer_id)
{
var add = "";
if ((x + 250) > pic_w) { add = " class='l' "; x = x - 250;} else { add = " class='r' "}
document.getElementById('comments').innerHTML+=" ";
this.layer = document.getElementById(layer_id);
this.max_opacity = 60;
this.hold_layer = 0;
this.faderate = 0;
this.layer_id = layer_id;
this.showcomment = showcomment;
this.hidecomment = hidecomment;
this.Release = Release;
this.Hold = Hold;
}
function move(x ,y)
{
if ((x + 250) > pic_w) { add = " class='l' "; x = x - 250;} else { add = " class='r' "}
this.c_layer.style.left = x;
this.c_layer.style.top = y;
this.showcomment();
}
function close()
{
this.hidecomment();
}
function postLayer(x, y, text, layer_id)
{
var add = "";
if ((x + 250) > pic_w) { add = " class='l' "; x = x - 250;} else { add = " class='r' "}
document.write(" ");
this.layer = document.getElementById(layer_id);
this.c_layer = document.getElementById("cont_"+layer_id);
this.max_opacity = 100;
this.hold_layer = 0;
this.faderate = 0;
this.layer_id = layer_id;
this.showcomment = showcomment;
this.hidecomment = hidecomment;
this.move = move;
this.close = close;
}
function PostLayerComment() {
document.getElementById('lc_submit').value='Отправляется...';
document.getElementById('lc_submit').disabled='true';
document.getElementById('lc_text').disabled='true';
//new_comments[new_comments.length] = new add_commentLayer(new_com_x, new_com_y, document.getElementById('lc_text').value, "new_comments["+new_comments.length+"]");
//alert(document.getElementById("comments").innerHTML);
var text = document.getElementById('lc_text').value;
var req = new JsHttpRequest();
req.onreadystatechange = function() {
if (req.readyState == 4) {
// document.getElementById('post').innerHTML = "Ваш комментарий размещен на изображении. Чтобы увидеть его, перезагрузите страницу";
// document.getElementById('post').innerHTML = req.responseJS.debug;
// alert(req.responseJS.debug);
if(req.responseJS.id == 0) {
document.getElementById('lc_text').style.border = "2px solid red";
alert(req.responseJS.debug);
document.getElementById('lc_text').style.color = "red";
document.getElementById('lc_text').disabled = "";
document.getElementById('lc_submit').disabled = "";
document.getElementById('lc_submit').value='Отправить';
}
else {
document.getElementById('lc_text').style.border = "2px solid green";
document.getElementById('lc_submit').value='Отправить';
document.getElementById('lc_text').value=req.responseText;
//document.getElementById('lc_submit').value='Отправить';
setTimeout("post.close();", 2000);}
}
}
req.open('post', 'postcomment.php', true);
req.send( { 'form': document.getElementById('lc_form'), x: new_com_x, y: new_com_y, ttext: text} );
}
function delete_layer(id, r_id, p_id)
{
var layer1 = document.getElementById('pc'+id);
layer1.innerHTML = "
Удаляется...
";
var req = new JsHttpRequest();
req.onreadystatechange = function() {
if (req.readyState == 4) {
layer1.innerHTML = "
Стикер удален.
";
// alert(req.responseText);
setTimeout("var layer = document.getElementById('cpc"+id+"'); layer.innerHTML = '';", 2000);
}
}
req.open('post', 'postcomment.php', true);
req.send( { what: "delete_layer", r_id: r_id, photo_id: p_id} );
}
/*
function PostLayerComment() {
document.getElementById('lc_submit').value='Отправляется...';
document.getElementById('lc_submit').disabled='true';
document.getElementById('lc_text').disabled='true';
var text = document.getElementById('lc_text').value;
alert(text);
var req = new JsHttpRequest();
req.onreadystatechange = function() {
if (req.readyState == 4) {
document.getElementById('lc_submit').value='Отправить';
document.getElementById('lc_text').value='Чтобы добавить еще один комментарий, перезагрузите страницу.';
setTimeout("post.close();", 2000);
}
}
req.open('post', 'postcomment.php', true);
req.send( { x: new_com_x, y: new_com_y} );
}
*/
function mouseLayerXY(event)
{
// e.target = e.srcElement
if (!event.offsetX)
{
// alert(event.layerX+" - "+event.layerY);
// enabled=0;
var x = event.layerX;
var y = event.layerY;
return {"x":x, "y":y};
}
else //IE, Opera
{
var x = event.offsetX;
var y = event.offsetY;
// alert("I'm an Opera!");
}
return {"x":x, "y":y};
}
