function scale(){
var l3=$('h3').html().length;
var w3 = $('h3').closest('div').width()/(l3*19);
$('h3').css({'letter-spacing':w3+'em'});
var l2=$('.title1').html().length;
var w2 = $('.title1').closest('div').width()/(l2*23);
$('.title1').css({'letter-spacing':w2+'em'});
var l2=$('.title2').html().length;
var w2 = $('.title2').closest('div').width()/(l2*23);
$('.title2').css({'letter-spacing':w2+'em'});
var l2=$('.title3').html().length;
var w2 = $('.title3').closest('div').width()/(l2*23);
$('.title3').css({'letter-spacing':w2+'em'});
var l5=($('.abt').html().length);
var w5 = $('.abt').closest('div').width()/(l5*19);
$('.abt').css({'letter-spacing':w5+'em'});
var l1=$('h1').html().length;
var w1 = $('h1').closest('div').width()/(l1*35);
$('h1').css({'letter-spacing':w1+'em'});
}
var headers = ["Prospects ", "Proposals ","Hauntologies ", "Fictions ","...","Undertakings", "Events", "Memoirs ", "Factoids ", "Futures ", "Pasts ", "Activities ", "Prospects", "Faillures", "Objects", "Stories", "Work","Thoughts", "Ideas", "Projects", "Tropes", "Considerations", "Concepts", "Creations", "Hypotheses","Arguments","...", "Complications"];
var j=0;
function change(){
var l1=$('.change').html().length;
var w1 = $('.change').closest('div').width()/(l1*36);
$('.change').css({'letter-spacing':w1+'em'});
setInterval(function(){
$('.change').html(headers[j]);
var l1=$('.change').html().length;
var w1 = $('.change').closest('div').width()/(l1*48);
$('.change').css({'letter-spacing':w1+'em'});
j++;
if (j==headers.length){
j=0;
}
},400);
};
$(document).ready(function(){
$(".resizable").resizable({aspectRatio:true, handles:{'e':'.ui-resizable-e'},resize: function(event, ui){
$(this).css('height', 'auto');
}
})
change();
scale();
if ($(window).width() <=992){
$('.col-md-1').attr('style', 'position:default');
}
else if ($(window).width() >=993){
$('.col-md-1').attr('style', 'position:fixed');
$('.parent').hover( function(){
var x = $('.nav').width();
var y =$(this).outerHeight();
$(this).children('.popup').css({'margin-left':(x-10)+'px'});
$(this).children('.popup').css({'height':(y+3)+'px'});
$(this).children('.popup').css({'margin-top':-(y+2)+'px'});
$(this).children('.popup').css({'display':'block'}); },
function(){ $(this).children('.popup').css({'display':'none'}); }
);
}
$(".resizable").click(function(){
var w = $(this).width();
if (w > 100){
$(this).css({'width':'15%'});
}
else if (w <= 100){
$(this).css({'width':'33%'});
}
})
});
$(window).resize(function(){
scale();
if ($(window).width() <=992){
$('.col-md-1').attr('style', 'position:default');
$('.parent').hover( function(){
$(this).children('.popup').css({'opacity':'0'});
})
}
else if ($(window).width() >=993){
$('.col-md-1').attr('style', 'position:fixed');
$('.parent').hover( function(){
var x = $('.nav').width();
var y =$(this).outerHeight();
$(this).children('.popup').css({'opacity':'1'});
$(this).children('.popup').css({'margin-left':(x-10)+'px'});
$(this).children('.popup').css({'height':(y+3)+'px'});
$(this).children('.popup').css({'margin-top':-(y+2)+'px'});
$(this).children('.popup').css({'display':'block'}); },
function(){ $(this).children('.popup').css({'display':'none'}); }
);
}
});