function tdover(id)
{
	var obj = document.getElementById("td"+id.toString());
	obj.style.borderBottomColor = "#ffcc00";
	var nexttd = id+1;
	var prevtd = id-1;
	if(id != 11)
	{
		document.getElementById("td"+nexttd.toString()).style.borderBottomColor = "#11115a";
	}
	if(id != 1)
	{
		document.getElementById("td"+prevtd.toString()).style.borderBottomColor = "#11115a";
	}
}

function tdout(id)
{
	var obj = document.getElementById("td"+id.toString());
	obj.style.borderBottomColor = "#49779f";
	var nexttd = id+1;
	var prevtd = id-1;
	if(id != 11)
	{
		document.getElementById("td"+nexttd.toString()).style.borderBottomColor = "#49779f";
	}
	if(id != 1)
	{
		document.getElementById("td"+prevtd.toString()).style.borderBottomColor = "#49779f";
	}
}
function load_thumb()
{
	jQuery(function($) { $('ul.gallery').galleria(
{
			history   : true, // activates the history object for bookmarking, back-button etc.
			clickNext : false, // helper for making the image clickable
			insert    : '#main_image', // the containing selector for our main image
			onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
				// fade in the image & caption
				caption.css('display','none');
				if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
					//alert(caption.text());
					image.css('display','none').fadeIn(1000, function()
					{
						if(caption.text() != "")
						{					
							var xy = getBounds(document.getElementById("replaced"));
							caption.css('left',(xy.left + 1).toString()+'px');
							caption.css('top',(xy.top + xy.height - 40 - 1).toString()+'px');
							caption.css('width',(xy.width-2).toString()+'px');
							caption.css({opacity:0.7}).fadeIn(1000);
						}
					}
					
					);
				}
				else
				{
					if(caption.text() != "")
					{
						var xy = getBounds(document.getElementById("replaced"));
						caption.css('left',(xy.left + 1).toString()+'px');
						caption.css('top',(xy.top + xy.height - 40 - 1).toString()+'px');
						caption.css('width',(xy.width-2).toString()+'px');
						caption.css({opacity:0.7}).fadeIn(1000);
					}		
				}
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(500,0.7);
				
				// fade in active thumbnail
				thumb.fadeTo('fast',1).addClass('selected');
				
				// add a title for the clickable image
				//image.attr('title','Следующее изображение >>');
				
			},
			onThumb : function(thumb) { // thumbnail effects goes here
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// if thumbnail is active, fade all the way.
				var _fadeTo = _li.is('.active') ? '1' : '0.7';
				
				// fade in the thumbnail when finnished loading
				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
				
				// hover effects
				thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.7); } // don't fade out if the parent is active
				)
				
			}
		}

); }); 

}
	function getBounds(element)
{
  var left = element.offsetLeft;
  var top = element.offsetTop;
  for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
  {
    left += parent.offsetLeft;
    top += parent.offsetTop;
  }
  return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}