jQuery(document).ready(function() {		
		jQuery('.thumbnails li').hover( function() { jQuery(this).animate({ top: '-5px'}, 100); }, function() { jQuery(this).animate({ top: '0px'}, 500); });		
});


function show_visible(selector) {
	if (jQuery(selector).is(":hidden")) {
		jQuery(selector).slideDown("200");
	} else {
		jQuery(selector).slideUp("200");
	}
}

$(function () {
        if ($.browser.msie) return;
        
        $('#close,#interested_link')
            .find('span')
            .append('<span class="hover" />').each(function () {
                    var $span = $('> .hover', this).css('opacity', 0);
                    $(this).hover(function () {
                        // on hover
                        $span.stop().fadeTo(250, 1);
                    }, function () {
                        // off hover
                        $span.stop().fadeTo(350, 0);
                    });
                });
                
    });

$(function () {
        if ($.browser.msie) return;
        
        $('#valikko li,#nextprev li,#thumbs li')
            .removeClass('highlight')
            .find('a')
            .append('<span class="hover" />').each(function () {
                    var $span = $('> span.hover', this).css('opacity', 0);
                    $(this).hover(function () {
                        // on hover
                        $span.stop().fadeTo(250, 1);
                    }, function () {
                        // off hover
                        $span.stop().fadeTo(350, 0);
                    });
                });
                
    });

function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
		var my_tooltip = $("#"+name+i);

		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){

		$(this).removeAttr("title").mouseover(function(){
					my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(800);
		}).mousemove(function(kmouse){
				var border_top = $(window).scrollTop();
				var border_right = $(window).width();
				var left_pos;
				var top_pos;
				var offset = 15;
				if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
					left_pos = kmouse.pageX+offset;
					} else{
					left_pos = border_right-my_tooltip.width()-offset;
					}

				if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
					top_pos = border_top +offset;
					} else{
					top_pos = kmouse.pageY-my_tooltip.height()-offset;
					}

				my_tooltip.css({left:left_pos, top:top_pos});
		}).mouseout(function(){
				my_tooltip.css({left:"-9999px"});
		});

		}

	});
}

$(document).ready(function(){
	 simple_tooltip("a","tooltip");
	 simple_tooltip("img","tooltip2");
	 simple_tooltip("span","tooltip3");
});
