if (window.opera && !document.createTextNode) document.write('<style type="text/css">div.br {clear: left;}</style>');

function insertOpenTable() {
	return "<table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" border=\"0\" class=\"HiddenImage\">";
}

function insertCloseTable() {
	return "</table>";
}

function getAndInsertTable() {	
try {
	for(var i = 0; i < document.getElementById("tariff_content").getElementsByTagName("table").length; i++) {
		if(document.getElementById("tariff_content").getElementsByTagName("table")[i].className == "HiddenImage") {
			document.getElementById("insert_HiddenImage_class").innerHTML = document.getElementById("insert_HiddenImage_class").innerHTML + insertOpenTable() + document.getElementById("tariff_content").getElementsByTagName("table")[i].innerHTML + insertCloseTable();
			document.getElementById("tariff_content").getElementsByTagName("table")[i].style.display = 'none';
		}
	}
} catch(e) {}			
return false;

}

				

function getElementPosition(offsetTrail){
	var offsetLeft = 0;
        var offsetTop = 0;
        while(offsetTrail) {
        	offsetLeft += offsetTrail.offsetLeft;
                offsetTop += offsetTrail.offsetTop;
                offsetTrail = offsetTrail.offsetParent;
        }
        return { left:offsetLeft, top:offsetTop }
}

function hideHiddenImages() {
	var div = document.getElementById('current_HiddenImage');
	if (div != null) {
        div.className = 'HiddenImage_new';
        div.style.display = 'none';
	}
    return false;
}

function showHiddenImage(evt, id) {
    var evt = evt || window.event;
    var o = evt.target || evt.srcElement;

    //Create new element
    var f = document.getElementById('current_HiddenImage');
    if (f == null)
    {
        f = document.createElement("div");
        f.setAttribute("id", "current_HiddenImage");
        f.setAttribute("style", "progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; display: block; top: 0px; left: 0px; width:622px; height:auto;");
        f.setAttribute("class", "HiddenImage_new");
        document.body.appendChild(f);
    }
    
    f.opacityFilter = 0;
    f.innerHTML = '<img src="http://www.razda4a.ru/img/x.gif" height="13" width="13" border="0" id="x_image" style="cursor:pointer;float:right;" onclick="hideHiddenImages();" /><div style="padding: 10px">' + document.getElementById(id).innerHTML + '</div>';
    f.className = 'HiddenImage_new_active';
    
    f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
    f.style.opacity = f.opacityFilter;

    f.style.display = 'block';

    var o_coords = getElementPosition(o);
    var f_coords = getElementPosition(f);

    var calculatedTop = (f.offsetTop + (o_coords.top - f_coords.top))-60;
    var calculatedLeft = (f.offsetLeft + (o_coords.left - f_coords.left))-400;

    if (calculatedTop + f.offsetHeight > document.body.offsetHeight) calculatedTop = document.body.offsetHeight - f.offsetHeight;
    if (calculatedLeft + 200 > document.body.offsetWidth) calculatedLeft = document.body.offsetWidth - 220;

    f.style.top = calculatedTop + 'px';
    f.style.left = calculatedLeft + 'px';

    window.setTimeout("animateHiddenImage()", 50);

    evt.cancelBubble = true;
    return false;
}

function animateHiddenImage() {
    var f = document.getElementById('current_HiddenImage');
    f.opacityFilter += 0.05;
    f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
    f.style.opacity = f.opacityFilter;
    if (f.opacityFilter < 1) window.setTimeout("animateHiddenImage()", 50);
}