$(function(){
	$('.tip').tipsy({ gravity: 'e' })
	$('.tip2').tipsy({ gravity: 's' })
	
	$('.logo').mouseover(function(){ 
			beep(11);
			id = $(this).attr('id').replace('lg', '');
			$('#x').attr('src', 'media/banner/' + id + '.png')
		})
		
	$('.snicon').hover(function(){
		beep(11);
		$(this).attr('src', 'img.php?i=media/' + $(this).attr('id') + '_color.png&width=45' )
	}, function(){
		$(this).attr('src', 'media/' + $(this).attr('id') + '_black.png' )
	});
});

function precarga(img, dinamica)
{
	pic = new Array();
	img = img.split(',');
	for( x=0;x<img.length;x++ )
	{
		pic[x] = new Image();
		if( dinamica )
		{
			img[x] = img[x].split('|');
			imagen = img[x][0];
			ancho = img[x][1];
			pic[x].src = 'img.php?i=media/' + imagen + '&width=' + ancho;
		}
		else pic[x].src = 'media/' + img[x];
	}
}

for( i=0;i<7;i++ )
	precarga( 'banner/' + i + '.png' );

precarga( 'facebook_color.png|45,blogger_color.png|45,twitter_color.png|45,youtube_color.png|45', 1 );

function beep(id)
{	
	beepx = document.getElementById('beepx2');	
	beepx.play(id, 16);
}