jQuery/Bootstrap Widget

I am in need of a widget that allows my clients to manage banner ads on their websites from a database back-end located on my server. I want to use Bootstrap's carousel to display ads based on client preferences. The number and types of ads shown will vary based on client requirements. There are two scripts that need to be created: A Javascript Widget This is an external javascript file that will be located on my server called by client websites via a <script src=""> tag. Parameters will need to be passed to the Javascript file from the embedded snippet, e.g., <script src="[login to view URL]" userid="1" numslides="2">. The Javascript Widget should: 1) Load jQuery, but only if it's not already loaded (and any associated external stylesheets) 2) Load Bootstrap (and any associated external stylesheets) 3) Process the parameters passed by the calling snippet in HTML 4) Pass those parameters to a .PHP file via AJAX/JSON for database lookup routines 5) Add the output returned from the .PHP file to the DOM A PHP Script The PHP Script will take he passed parameters via the AJAX/JSON connection, perform a database lookup to determine the types of ads shown and construct the HTML utilizing the Bootstrap Carousel. It will pass the HTML back to the Javascript widget. The PHP Script should: 1) Accept the parameters (using $_GET) from the Javascript Widget 2) Perform a database lookup based on those parameters 3) Construct the HTML for a Bootstrap Carousel 4) Return control to the Javascript widget utilizing JSON/JSONP with any necessary callbacks It is important that both scripts work cross-domain.