jQuery(function($) {

    $("#complect_table_style img").css({"position":"absolute","border":"1px solid #ccc"}).fadeOut(0);
    
    $("#complect_table_style tr").hover(function(){
        $(this).css({"background":"#e6e6e6"});
        var image = $(this).children("td").children("img");
        //var height = 40 - image.height();
        image.css("margin-top","-34px");
        image.fadeIn(0);
    },function(){
        $(this).css({"background":"white"});
        var image = $(this).children("td").children("img");
        image.fadeOut(0);
    });
    
    $("#complect_table_style").before("<div id='complects_images'></div>");

    $("#complect_table_style tr td img").each(function(){
        if ($(this).attr("title") > 0)
        {
            
            for (var i = 1; i <  $(this).attr("title");i++) 
            {
                $("#complects_images").append("<img width='70' src='" + $(this).attr("src") + "' />");
            }
            
        }
        $("#complects_images").append("<img width='70' src='" + $(this).attr("src") + "' />");
    });
    
    $(".sc_menu ul li").each(function(){
        $(this).fadeTo(500, 0.5);
    });
    
    $(".sc_menu ul li").hover(function(){
        $(this).fadeTo(500, 10);
    },function(){
        $(this).fadeTo(500, 0.5);
    });
    
    
    // JavaScript Document
    jQuery.fn.jTooltip = function(options) {
    	var options = jQuery.extend({
    		type		: "mousemove", 		// допустимые значения fixed, mousemove
    		showSpeed	: 0,			// скорость проявления подсказки
    		hideSpeed	: 0, 			// скорость исчезания подсказки
    		classTip	: ".tip"		// определяется класс, который будет хранить подсказку
    		}, options);
    
    		jQuery(this).hover(function() {
    						tip = jQuery(this).find(options.classTip); //Находим все определенные нами подсказки и заносим их в переменную
    						tip.fadeIn(options.showSpeed); //Показываем подсказку при наведении
    					},  
    				   function() {
    						tip.fadeOut(options.hideSpeed); //Прячем подсказку при потери элементом наведения
    					});
    		
    		if (options.type == "mousemove") {
    			jQuery(this).mousemove(function(e) {
    				var mouseX = e.pageX + 20, //Получаем координаты по оси Х
    					mouseY = e.pageY + 20, //Получаем координаты по оси Y
    					tipWidth = tip.width(), //Получаем ширину подсказки
    					tipHeight = tip.height(), //Получаем высоту подсказки
    					tipVisX = jQuery(window).width() - (mouseX + tipWidth), //Дистанция от правого края ссылки на подсказку
    					tipVisY = jQuery(window).height() - (mouseY + tipHeight); //Дистанция от нижнего края ссылки на подсказку
    				
    				//Определяем попадает ли подсказка в границы экрана, если нет, то смещаем ее относительно ее высоты и ширины.
    				if (tipVisX < 20) {
    					mouseX = e.pageX - tipWidth - 20;
    				}
    				if (tipVisY < 20) {
    					mouseY = e.pageY - tipHeight - 20;
    				}
    				//Абсолютное позиционирование подсказки в этой области нам поможет
    				//мы можем динамически передавать атрибутам блока отступ с верху и с лева,
    				//а так же желательно передать ширину полученной подсказки, чтобы не было проблем с отображением
    				tip.css({ top : mouseY, left : mouseX, width : tipWidth});
    			})
    		}
    }
    
    $(".tooltip").jTooltip({
		type : "mousemove"
	});
    
});