Optimizing display of various famous quotes
It seems to me like quotes, creators and margins all belong to the same object; your intuition is correct, merging them into one is the right thing to do.

I don't do much web development, so I'm not going to post example code, but I would have the quotes on the server side, and have the script request them through AJAX.

The server-side would probably define an object such as this:

public class QuoteViewModel
{
    public string QuoteText { get; set; }
    public string Author { get; set; }
    public int Margin { get; set; }
}


The data could come from a database, a web service, an xml file on the server, whatever. When the jquery client requests a quote, the server side serializes a QuoteViewModel into a json string and sends it to the client.

This way all you need to change when you want to modify the quotes displayed, is the data itself.



I don't think Margin belongs on that type though. I'm pretty sure there's a way to use css so that you can only request the QuoteText and Author from the server (in a Json string), and achieve the same result.

Consequently, the first thing I'd do would be to delete the margins array and see what needs to change in order to do without; I warmly recommend you to include the html &amp; css into your question, I'm sure there's something wrong with your markup for you to think you need to recentrize .content depending on what quote is picked.