document.observe("dom:loaded", function() {
    var links = [
        {'name':'default','price':null,'img':'tpl_default.gif','orderId':null,'previewUrl':'http://www.myvivvo.com/'},
		{'name':'default rtl','price':null,'img':'tpl_default_rtl.gif','orderId':null,'previewUrl':'http://arabic.myvivvo.com/'},
        {'name':'tpl 4501','price':'$99.95','img':'tpl_4501.gif','orderId':'44','previewUrl':'http://www.myvivvo.com/gallery/?tplURL=tpl_4501'},
        {'name':'tpl 4502','price':'$99.95','img':'tpl_4502.gif','orderId':'45','previewUrl':'http://www.myvivvo.com/gallery/?tplURL=tpl_4502'},
		{'name':'tpl 4503','price':'$99.95','img':'tpl_4503.gif','orderId':'49','previewUrl':'http://www.myvivvo.com/gallery/?tplURL=tpl_4503'},
		{'name':'tpl 4601','price':'$99.95','img':'tpl_4601.gif','orderId':'51','previewUrl':'http://www.myvivvo.com/gallery/?tplURL=tpl_4601'},
		{'name':'tpl 4602','price':'$99.95','img':'tpl_4602.gif','orderId':'53','previewUrl':'http://www.myvivvo.com/gallery/?tplURL=tpl_4602'},
		{'name':'tpl 4603','price':'$99.95','img':'tpl_4603.gif','orderId':'54','previewUrl':'http://www.myvivvo.com/gallery/?tplURL=tpl_4603'},
        {'name':'tpl 4501rtl','price':'$99.95','img':'tpl_4501_rtl.gif','orderId':'46','previewUrl':'http://myvivvo.com/gallery_rtl/?tplURL=tpl_4501_rtl'},
        {'name':'tpl 4502rtl','price':'$99.95','img':'tpl_4502_rtl.gif','orderId':'47','previewUrl':'http://myvivvo.com/gallery_rtl/?tplURL=tpl_4502_rtl'},
		{'name':'tpl 4503rtl','price':'$99.95','img':'tpl_4503_rtl.gif','orderId':'50','previewUrl':'http://myvivvo.com/gallery_rtl/?tplURL=tpl_4503_rtl'},
		{'name':'tpl 4601rtl','price':'$99.95','img':'tpl_4601_rtl.gif','orderId':'52','previewUrl':'http://myvivvo.com/gallery_rtl/?tplURL=tpl_4601_rtl'}
    ];
	
    var widget = '<div id="pick_me"><div class="template_picker_stripe" style="display:block;"><a id="toggle_picker" href="#" title="Pick a template set"><span>Pick a template set</span></a><div class="separator"> </div><a id="browse_gallery" href="http://www.vivvo.net/resources/commercial-templates/" title="Browse Gallery"><span>Browse Gallery</span></a></div>';
    widget += '<div id="templatePicker" style="display:none;">';
    
    for (var i=0; i < links.length; i++){
        widget += '<div class="template_cell">';
        widget += '<h4>' + links[i].name + ((links[i].price) ? ' <span>' + links[i].price + '</span>' : '') +'</h4>';
        widget += '<a href="' + links[i].previewUrl + '"><img src="http://www.vivvo.net/template_picker/img/thumbs/' + links[i].img + '" /></a> ';
        widget += (links[i].orderId) ? '<a class="order_now" href="http://www.vivvo.net/orders/more_information.php?product_id=' + links[i].orderId + '"><span>Order Now</span></a>' : '';
        widget += '</div>';
    }

    widget += '</div></div>';
     
    $$('body')[0].insert({top: widget});
    
    Event.observe('toggle_picker', 'click', function(event) {
        Event.stop(event);
        $('templatePicker').toggle();
    });
});