$(document).ready(function() {
var hideText="Info [+]";
var showText="Info [-]";
$(".positioner-link").before("<div class='cerrar-link'><a href='#' class='toggle_link'>"+hideText+"</a>");
$('.positioner-link').hide();
$('a.toggle_link').click(function() {
if ($('a.toggle_link').text()==hideText) {
$('a.toggle_link').text(hideText);
}
else {
$('a.toggle_link').text(showText);
}
$('.positioner-link').animate({"height": "toggle"}, { duration: 500 });
return false;
});
});

function makeScrollable(wrapper, scrollable){
var wrapper = $(wrapper), scrollable = $(scrollable);
scrollable.hide();
var loading = $('<div class="loading">Cargando ambientes...</div>').appendTo(wrapper);
var interval = setInterval(function(){
var images = scrollable.find('img');
var completed = 0;
images.each(function(){
if (this.complete) completed++;	
});
if (completed == images.length){
clearInterval(interval);
setTimeout(function(){
loading.hide();
wrapper.css({overflow: 'hidden'});						
scrollable.slideDown('slow', function(){
enable();	
});					
}, 1000);	
}
}, 100);
function enable(){
var inactiveMargin = 99;					
var wrapperWidth = wrapper.width();
var wrapperHeight = wrapper.height();
var scrollableHeight = scrollable.outerHeight() + 2*inactiveMargin;
var tooltip = $('<div class="sc_menu_tooltip"></div>')
.css('opacity', 0)
.appendTo(wrapper);
scrollable.find('a').each(function(){				
$(this).data('tooltipText', this.title);				
});
scrollable.find('a').removeAttr('title');		
scrollable.find('img').removeAttr('alt');	
var lastTarget;
wrapper.mousemove(function(e){
lastTarget = e.target;
var wrapperOffset = wrapper.offset();
var tooltipLeft = e.pageX - wrapperOffset.left;
tooltipLeft = Math.min(tooltipLeft, wrapperWidth - 75); //tooltip.outerWidth());
var tooltipTop = e.pageY - wrapperOffset.top + wrapper.scrollTop() - 40;
if (e.pageY - wrapperOffset.top < wrapperHeight/2){
tooltipTop += 80;
}				
tooltip.css({top: tooltipTop, left: tooltipLeft});				
var top = (e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin;
if (top < 0){
top = 0;
}			
wrapper.scrollTop(top);
});
var interval = setInterval(function(){
if (!lastTarget) return;	
var currentText = tooltip.text();
if (lastTarget.nodeName == 'IMG'){					
var newText = $(lastTarget).parent().data('tooltipText');
if (currentText != newText) {
tooltip
.stop(true)
.css('opacity', 0)	
.text(newText)
.animate({opacity: 1}, 1000);
}					
}
}, 200);
wrapper.mouseleave(function(){
lastTarget = false;
tooltip.stop(true).css('opacity', 0).text('');
});			
}
}
$(function(){	
makeScrollable("div.sc_menu_wrapper", "div.sc_menu");
});
