function getBodyScrollTop()
{
	return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}

function getBodyScrollLeft()
{
	return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}

var current;
var fornext
var last_dialog;

function nextdialog(){
t = $("#"+fornext).next().attr('id');
if (t != "fill") {
	fornext = t;
	current = fornext;

	if (current.indexOf('nv') == 0) { nv_over(current); $("#nv_image").click(); }
	else {  over(current); $("#block").click(); }
}

}

function over(place)
{
	var offset = $("#scheme").offset();
	var pos = $("#block").offset();
	
	var temp = new Array();
		temp = $("#"+place).attr('coords').split(',');
	
	var top	= temp[1];
	var left = temp[0];
	$("#block").css("top", parseInt(top) + offset.top);
	$("#block").css("left", parseInt(left) + offset.left);
	$("#block").css('width', parseInt(temp[2]) - parseInt(temp[0]));
	$("#block").css('height', parseInt(temp[3]) - parseInt(temp[1]));
	$("#block").css('display', 'inline');
	
	current = place;
}


function nv_over(place){
var offset = $("#scheme").offset();
var temp = new Array();
temp = $("#"+place).attr('coords').split(',');
var top	= temp[1];
var left = temp[0];
	$("#nv_image").css("top", parseInt(top) + offset.top - 15);
	$("#nv_image").css("left", parseInt(left) + offset.left - 6);
	$("#nv_image").css('display', 'inline');
	current = place;
}

function nv_image_over(place){
	if (place == "prev"){
		if (current !="nv1"){
           nv_over($("#"+current).prev().attr('id'));
		};
	};

	if (place == "next"){
		if (current !="nv20"){
           nv_over($("#"+current).next().attr('id'));
		} ;
	};
}


function nv(place){
		$(last_dialog).dialog('close');
temp = $("#"+place).attr('coords').split(',');
var top	= temp[3];
var left = temp[2];
		var dialog_class = $("#dialog_"+place).attr('class');
		top = top - getBodyScrollTop();
		left = left - 270;
		$("#dialog_"+place).dialog({autoOpen: false, width: 310, height: 120, dialogClass: dialog_class, position: [parseInt(left), top]});
		$("#dialog_"+place).dialog('open');
		last_dialog = "#dialog_"+place;

}

$(document).ready(function(){

	$("#block").click(function () {
		$(last_dialog).dialog('close');
		var pos = $("#block").offset();
		var top = pos.top;
		var left = pos.left+50;
		var dialog_class = $("#dialog_"+current).attr('class');
		top = top - getBodyScrollTop();
		$("#dialog_"+current).dialog({autoOpen: false, width: 310, height: 120, dialogClass: dialog_class, position: [left, top]});
		$("#dialog_"+current).dialog('open');
		last_dialog = "#dialog_"+current;
		fornext = current;
    });

	$("#nv_image").click(function () {
		$(last_dialog).dialog('close');
		temp = $("#"+current).attr('coords').split(',');
		var offset = $("#scheme").offset();
		var top	= temp[3];
		var left = temp[2];
		var dialog_class = $("#dialog_"+current).attr('class');
		top = parseInt(top) - getBodyScrollTop();
		left = parseInt(offset.left) + parseInt(left) - 320;
//		left = 500;
		$("#dialog_"+current).dialog({autoOpen: false, width: 310, height: 120, dialogClass: dialog_class, position: [left, top]});
		$("#dialog_"+current).dialog('open');
		last_dialog = "#dialog_"+current;
		fornext = current;
    });

});