// Recanto dos Coswig
// Se não funcionar dar replace all em todos os $ por jQuery pois pode dar conflito com outros frameworks. Ou usar o método noConflict

function rolagem(){
	jQuery("div.conteudo div:eq(0)").css({'margin-top':-(jQuery('div#barraRolagem').position().top)+'px'});
}

jQuery(document).ready(function(){
	if(jQuery("div#menuFotos").length > 0){
		jQuery("div#menuFotos ul li").css({'width':(jQuery('body').width()-397)/4+'px'});
		jQuery("div#menuFotos ul li:eq(2)").css({'width':'397px'});
	}
	
	jQuery("div.conteudo").css({'max-height':jQuery("body").height()-320+'px'}); //limita a altura máxima da div conteudo, não sobrepondo o rodapé
	jQuery("div#rolagem").css({
		height: jQuery('div.conteudo').height()+30+'px',
		left: jQuery('div.conteudo').position().left+jQuery('div.conteudo').width()+13+'px',
	});
	jQuery("div#barraRolagem").height(jQuery("div.conteudo").height()*jQuery("div.conteudo").height()/jQuery("div.conteudo div:eq(0)").height());

	
	
	jQuery(window).resize(function(){
		if(jQuery("div#menuFotos").length > 0){
		jQuery("div#menuFotos ul li").css({'width':(jQuery('body').width()-397)/4+'px'});
		jQuery("div#menuFotos ul li:eq(2)").css({'width':'397px'});
		}
		jQuery("div.conteudo").css({'max-height':jQuery("body").height()-320+'px'}); //limita a altura máxima da div conteudo, não sobrepondo o rodapé quando a janela é redimensionada
		if(jQuery("div.conteudo div:eq(0)").height() > jQuery("div.conteudo").height())
		jQuery("div#rolagem").css({
			height: jQuery('div.conteudo').height()+30+'px',
			left: jQuery('div.conteudo').position().left+jQuery('div.conteudo').width()+13+'px',
			display: 'block'
		});
		else jQuery("div#rolagem").hide();
		jQuery("div#barraRolagem").height(jQuery("div.conteudo").height()*jQuery("div.conteudo").height()/jQuery("div.conteudo div:eq(0)").height());
		});

		if(jQuery("div.conteudo div:eq(0)").height() > jQuery("div.conteudo").height()) jQuery("div#rolagem").show();
	//Mostra barra de rolagem caso o conteúdo ultrapasse o tamanho da div conteúdo
	
	rola = window.setInterval("rolagem()",50);	
	jQuery("div#barraRolagem").draggable({axis:'y',containment: 'parent'});
	
	
	
});