$(document).ready(function(){
     
	
	
	
	   $("a").mouseover(function () {$(this).addClass("div_over");}).mouseout(function() {$(this).removeClass("div_over");});
	   
	   $("li.ico_box").mouseover(function () {$(this).addClass("ico_box_hover");}).mouseout(function() {$(this).removeClass("ico_box_hover");});
	
	$("div.sexy").corner("tl tr cc:#807f85").corner("bl br cc:#88878d");
	$("div.sexy_box").corner("cc:#b9b9bb");
	$("div.head_box").corner("tl tr cc:#747379").corner("bl br cc:#b4b4b6");
	
	// $("ul.menu").corner("top cc:#646369");
	
  /*  $("td.cat_table_td").click(function () {
           $(this).css("background", "#0f0")
       });  */
   
    $(".cat_table tr").click(function () {
          /* $("#podrob").animate({height: "show"}, 200)
		   $("#podrob").corner();
	       $("img.plaxa").height("1500px")  */
       });


$(".cat_table tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});






 

   
});


//Вынес переменные за пределы функций, для удобства правки
//id дива для затемнения.
var bg_fon = "#backgroundPopup";
//id всплывающего дива
var fly_block = "#fly_bl"
//id зоны активации всплывающего окна
var key_on = ".key_on"
//id зоны закрытия всплывающего окна
var key_off = ".key_off"
//id графикa
var graf = "#graf"
//загружаем всплавающее окно

function GrafHide(){
   $(fly_block).fadeOut("slow");
   $(bg_fon).fadeOut("slow");
}
function GrafShow(){
   $(graf).animate({opacity: "show"},1000);
}	

function loadPopup(){
//черный прозрачный фон на сайт при необходимости, можно вписать неводимыл в шаблон, можно сделать
// в функции predPopup, я не делал поэтому не описываю, если затенять сайт не надо то код связанный с #backgroundPopup
// убираем.
		$(bg_fon).css({
			"opacity": "0.5"
		});
                $(bg_fon).fadeIn("2000");  
                $(fly_block).animate({opacity: "show"},600, function (){GrafShow()});
}
//отключаем окно
function disablePopup(){
		//$(bg_fon).fadeOut("slow");
		$(graf).animate({opacity: "hide"},1,function (){GrafHide()});
		//$(fly_block).fadeOut("slow");
		
}
 
function predPopup(){
//Вычисляем рабочюю зону экрана для расчетов (например чтобы плавающий блок по центру экрана разместить)
	var windowWidth = screen.availWidth;
    var windowHeight = screen.availHeight;
//Посчитал размеры плавающего блока
	var popupWidth = 550;
	var popupHeight = 250;
	
	$(fly_block).css({
		"height": popupHeight,
		"width": popupWidth,
		"left": windowWidth*0.5-275
	});
    $(graf).css({
		"height": popupHeight,
		"width": popupWidth,
		"left": windowWidth*0.5-260
	});
	
  //  $(fly_block).corner();
	
//Далее настраиваем свои CSS селекторы на разные HTML - элементы. Можем добавить своих настроек.
    $(bg_fon).css({
		"display" : "block"
	});	
}

 
jQuery(document).ready(function(){ //все что внутри срабатывает только при готовности документа
 
jQuery(key_on).click(function(){ // функция вызывается когда объект с id="#key_on" получил событие click
//готовим окно
predPopup();
//выводим окно
loadPopup();
});
jQuery(key_off).click(function(){ // функция вызывается когда объект с id="#key_off" получил событие click
disablePopup();// прячем блок
});
//альтернотивное закрытие блока по ESC
$(document).keypress(function(event){
if(event.keyCode==27){
disablePopup();
	}
});







});