var idButton;
var rootImages = 'images/';

$(document).ready(function(){

$('#video1').hover(function(){
idButton = $(this).attr('id');
$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+rootImages+'/video_1_title_over.png" /></div>');
$('#'+idButton+'Img').fadeIn(100);

},
function(){
$('#'+idButton+'Img').fadeOut(300, function(){
$(this.parent).empty();
});
});





$('#video1').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'video_2_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});

$('#video2').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'video_2_title_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});

$('#video3').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'video_3_title_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});

$('#video4').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'video_4_title_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});

$('#video5').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'video_5_title_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});

$('#shareFace').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'/link_fb_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(100);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});


$('#shareTwit').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'link_tt_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});



$('#shareTube').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'link_yt_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});
$('#galery').hover(function(){
	idButton = $(this).attr('id');
	$(this).append(' <div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'/gallery_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(200);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});
$('#linkflyer').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'ver_info_over.png" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});
$('#boton').hover(function(){
	idButton = $(this).attr('id');
	$(this).append('<div id="'+idButton+'Img" style="display:none;" ><img src="'+	rootImages+'send_newsletter_over.png" width="21px" height="21px" /></div>');
	$('#'+idButton+'Img').fadeIn(300);

},
	function(){
		$('#'+idButton+'Img').fadeOut(300, function(){
		$(this.parent).empty();
	});
});


});