﻿var ip_show = 0;
var ip_bwidth = 174;
var ip_bheight = 52;
var ip_start_width = 30;
var ip_start_height = 20;
var ip_size_x=0;
var ip_size_y=0;
var ip_pos_x=0;
var ip_pos_y=0;
var ip_delta_x=10;
var ip_delta_y=6;

var ua = navigator.userAgent.toLowerCase();
var ip_isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1)) ;
var ip_isGecko = (ua.indexOf("gecko") != -1 && ua.indexOf("safari") == -1) ;
var ip_isMaxthon = ((ua.indexOf("msie") != -1) && (ua.indexOf("maxthon") != -1)) ;

/*	example
http://www.labirint-shop.ru/books
<img src="/images/books/153224/small.jpg" width="85" height="130" 
onmouseover="javascript:showpicture(220, 340, this);"/>

<img src="/Images/progressbar_long.gif" alt="sdf"
	onmouseover="javascript:showpicture(220, 340, this);"/>

#bigpic { display:none; position:absolute; z-index:100; background-color:white; border:1px solid #cccccc; text-align:center; }
#bigpic #loading-pic { display:none; text-align:center; font-size:12px; margin:3px; }
*/

//document.write("<div id=\"bigpic\" onmouseout=\"ip_show=0;hideTools()\" onmousemove=\"ip_show=1;\"></div>");
document.write("<div id=\"dvTools\" onmousemove=\"ip_show=1;\" onmouseout=\"ip_show=0;hideTools()\"></div>");
var ip_div = document.getElementById("dvTools");


var tools_inner;

//function showTools(bw, bh, img){
var ip_cur_id=0;
function showTools(obj,id,isOn){
	if(ip_cur_id==id && ip_show==1)return;//alert(1);
	ip_cur_id=id;

	if(__selfid>0 && __selfid!=id)
		tools_inner="<div class=\"dvt_in\">"+
						"<a href=\""+__toolz_array[0].replace('2147483647',id)+"\" class=\"tl_msg\">Message</a>"+
						"<a href=\"#\" "+
						(isOn==1?"onclick=\"opench('"+__toolz_array[1].replace('2147483647',id).replace('&rd=0&','&rd='+__selfid+'&')+"');return false;\"":"disabled=\"true\"")+
						" class=\"tl_cht\">Chat</a>"+
						"</div><div class=\"dvt_in\">"+
						"<a href=\"#\" onclick=\"if(confirm('Send friend request?'))s_FR("+id+");return false;\" class=\"tl_frnd\">Friend</a>"+
						"<a href=\"#\" onclick=\"if(confirm('Add to subscribe list?'))s_SSL("+id+");return false;\" class=\"tl_sbscb\">Subscribe</a>"+
						//"<a href=\""+__toolz_array[3].replace('2147483647',id)+"\" class=\"tl_sbscb\">Subscribe</a>"+
						"</div>"
	else
		tools_inner="<div class=\"dvt_in\">"+
						"<a disabled=\"true\" class=\"tl_msg\">Message</a>"+
						"<a disabled=\"true\" class=\"tl_cht\">Chat</a>"+
						"</div><div class=\"dvt_in\">"+
						"<a disabled=\"true\" class=\"tl_frnd\">Friend</a>"+
						"<a disabled=\"true\" class=\"tl_sbscb\">Subscribe</a>"+
						"</div>"

	var pos=absPosition(obj);

	ip_div.innerHTML = "";

	ip_pos_x=pos.x + 11;
	ip_pos_y=pos.y + 8;
	//if (navigator.userAgent.indexOf("MSIE 7.0")!=-1) { ip_pos_x -= 11; }
	
	ip_div.style.display = "block";

	ip_show=1;
	if(ip_isIE){
		ip_size_x=ip_start_width;
		ip_size_y=ip_start_height;
		increaseTools();
	}
	else{
		ip_size_x=ip_bwidth;
		ip_size_y=ip_bheight;
		ip_div.innerHTML = tools_inner;
	}
	ip_display();
}

function increaseTools() {
	if(ip_show==0)return;
	if ((ip_size_x + ip_delta_x)>ip_bwidth) ip_size_x = ip_bwidth; 
	else ip_size_x += ip_delta_x;
	if ((ip_size_y + ip_delta_y)>ip_bheight) ip_size_y = ip_bheight; 
	else ip_size_y += ip_delta_y;

	ip_display();
	
	if (ip_size_x < ip_bwidth || ip_size_y < ip_bheight){
		setTimeout('increaseTools()', 0); 
	}
	else{
		ip_div.innerHTML = tools_inner;
		ip_show = 0;
		//alert();
	}
}

function hideTools() {
	if(ip_show==1)return;
	//ip_show = 0;
	//ip_div.innerHTML = "";
	//ip_div.style.display = "none";
	setTimeout('startHide()', 50);
}

function startHide() {
	if (ip_show == 0) {
		if ((ip_size_x - ip_delta_x)<ip_start_width) ip_size_x = ip_start_width; 
		else ip_size_x -= ip_delta_x;
		if ((ip_size_y - ip_delta_y)<ip_start_height) ip_size_y = ip_start_height; 
		else ip_size_y -= ip_delta_y;

		ip_display();

		if (ip_size_x > ip_start_width || ip_size_y > ip_start_height)
			setTimeout('startHide()', 0); 
		else {
			ip_div.style.display = "none";
			ip_cur_id=0;
		}
	}
}

function ip_display(){
	ip_div.style.width = ip_size_x + 'px';
	ip_div.style.height = ip_size_y + 'px';

	var left=(ip_pos_x - Math.round(ip_size_x/2));
	if(left<3)left=3;
	var top=(ip_pos_y - Math.round(ip_size_y/2));
	ip_div.style.left = left + 'px';
	if(top<3)top=3;
	ip_div.style.top = top + 'px';
	
}

function absPosition(obj) {
	var x = y = 0;
	while(obj) {
		x += obj.offsetLeft;
		y += obj.offsetTop;
		obj = obj.offsetParent;
	}
	return {x:x, y:y};
}



/////////////////////////////////////////////////////////

var FadeInterval = 300;
var StartFadeAt = 6;

var FadeSteps = [];
FadeSteps[FadeSteps.length] = "#ececec";
FadeSteps[FadeSteps.length] = "#eaeaea";
FadeSteps[FadeSteps.length] = "#e7e7e7";
FadeSteps[FadeSteps.length] = "#e5e5e5";
FadeSteps[FadeSteps.length] = "#e2e2e2";
FadeSteps[FadeSteps.length] = "#dfdfdf";
FadeSteps[FadeSteps.length] = "#dcdcdc";
FadeSteps[FadeSteps.length] = "#dadada";
FadeSteps[FadeSteps.length] = "#d7d7d7";
FadeSteps[FadeSteps.length] = "#d5d5d5";
                                   
FadeSteps[FadeSteps.length] = "#d2d2d2";
FadeSteps[FadeSteps.length] = "#d5d5d5";
FadeSteps[FadeSteps.length] = "#d7d7d7";
FadeSteps[FadeSteps.length] = "#dadada";
FadeSteps[FadeSteps.length] = "#dcdcdc";
FadeSteps[FadeSteps.length] = "#dfdfdf";
FadeSteps[FadeSteps.length] = "#e2e2e2";
FadeSteps[FadeSteps.length] = "#e5e5e5";
FadeSteps[FadeSteps.length] = "#e7e7e7";
FadeSteps[FadeSteps.length] = "#eaeaea";
FadeSteps[FadeSteps.length] = "#ececec";
FadeSteps[FadeSteps.length] = "#efefef";
FadeSteps[FadeSteps.length] = "#f2f2f2";
FadeSteps[FadeSteps.length] = "#f5f5f5";
FadeSteps[FadeSteps.length] = "#f7f7f7";
FadeSteps[FadeSteps.length] = "#fafafa";
FadeSteps[FadeSteps.length] = "#fcfcfc";
FadeSteps[FadeSteps.length] = "#ffffff";

// background:#EFEFEF;

function DoFade(colorId, targetId) {
    if (colorId >= 0) {
        document.getElementById(targetId).style.backgroundColor = FadeSteps[colorId];
        if (colorId == 0) {
            document.getElementById(targetId).style.backgroundColor = "#efefef";
        }
        colorId--;
        setTimeout("DoFade("+colorId+",'"+targetId+"')", FadeInterval);
    }
}