$(document).ready(function() {
   
   $('a[id^=prod]').each(function(i) {
      $('#prod' + (i+1)).mouseenter(function() { 
      
      	 $('div[id^=prod]').each(function(i) {
			$(this).fadeOut(120)
      	 });
      
         pos = $(this).offset(); // top left da origem (img)
         width = $(this).width();  // tamanho da imagem
         center = pos.left + width/2
         
         
         tooltip_width = Math.max(width+1,140)
         if (width%2 == 0) {
            tooltip_width += 1
         }
         $('#prod'+ (i+1) +'_tooltip').css('left', (center - tooltip_width/2)+'px')
         jQuery.each(jQuery.browser, function(j) {
           if($.browser.msie){         
              $('#prod'+ (i+1) +'_tooltip').css('top', pos.top-2+'px')
          }else{
              $('#prod'+ (i+1) +'_tooltip').css('top', pos.top-71+'px')
            }
          });
         
         
         $('#prod'+ (i+1) +'_tooltip').css('width', tooltip_width+'px')
         height = $('#prod'+ (i+1) +'_tooltip').height();  // tamanho da imagem
         $('#prod'+ (i+1) +'_tooltip_sombra').css('left', (center - tooltip_width/2)-5+'px')
         
         jQuery.each(jQuery.browser, function(j) {
           if($.browser.msie){
               $('#prod'+ (i+1) +'_tooltip_sombra').css('top', (pos.top-2-5)+'px')
            }else if ($.browser.mozilla) {
                $('#prod'+ (i+1) +'_tooltip img').addClass('logo_img_over_mozilla')
                $('#prod'+ (i+1) +'_tooltip_sombra').css('top', (pos.top-71-5)+'px')
            } else {
	            $('#prod'+ (i+1) +'_tooltip_sombra').css('top', (pos.top-71-5)+'px')
           }
         });


         $('#prod'+ (i+1) +'_tooltip_sombra').css('width', tooltip_width+'px')
         $('#prod'+ (i+1) +'_tooltip_sombra').css('height', height+'px')
         $('#prod'+ (i+1) +'_tooltip').fadeIn(450)
         $('#prod'+ (i+1) +'_tooltip_sombra').fadeIn(450)
         
      });
      
      $('#prod'+ (i+1) +'_tooltip').mouseleave(function() { 
             $('#prod' + (i+1) +'_tooltip').fadeOut(120)
             $('#prod' + (i+1) +'_tooltip_sombra').fadeOut(120)
      });
   
   });

});

function smartColumns() { 
    var area_maxima = 938; // grid 960 - 10 de cada margem
	var area_total = $("#produtos").width()-2; // menos tamanho da borda

	var elementos = ($("#produtos li").length+1)/2; // remove as li que sao separadores


	var area_ocupada=0;	
	$("#produtos li").each(function(i) {
      area_ocupada += $(this).width()
    });

    if ((area_ocupada > area_maxima) || (elementos >9)) {
        // mostrar os botoes e desconsiderar a area dos mesmos (50)
    	area_total = (125 * elementos) + elementos; // define a area padrao + 1px para cada separador
    	$('div[class=items]').width(area_total)
    	$('div[class=scrollable]').width(125*7)
    	area_fixa = true
    } else {
        // sumir com os botoes de scroll e distribuir na area toda (938)
        $("#scroll_botao_esquerdo").css('display','none');
        $("#scroll_botao_direito").css('display','none');
        
        // fazer o liquid
        area_total = area_maxima
        $('div[class=scrollable]').width(area_total)
        area_fixa = false
    }

	var area_sobra = area_total - area_ocupada;
	var incremento = parseInt(area_sobra / elementos);
    var j = 1;
    var area_preenchida =0 ;

	$("#produtos li").each(function(i) {
	  // desconsidera as li que sao separadores
   	  if ($(this).width() != 1 ) {
 	  	  
 	  	  if (area_fixa) {
 	  	  	var novo_size = 125;
 	  	  } else {
	 	  	  var novo_size = $(this).width() + incremento;
	 	  }
 	  	  
	      $(this).css('width', novo_size+'px')
	      width_item = $(this).find('#widget_item'+j).width()
		  var novo_left = parseInt(novo_size - width_item)/2
		  $(this).find('#widget_item'+j).css('margin-left',novo_left)
		  imgHeight = $(this).find('#widget_img'+j).height()
		  if (imgHeight<40)
		    $(this).find('#widget_img'+j).css('margin-top',20-imgHeight/2)
   	  	  j++
	  }
    });

        
}