var BUY_HREF = "http://imaxtixs.easytixs.com/DCISA/?key=3201-9T2bh5&EC=";

function createBuyFrame(code)
{
    var self = $('<div id="BuyFrame" class="modal"/>')
                        .appendTo(document.body);
    self.screen = $('<div class="screen"/>')
                        .appendTo(self)
                        .css('opacity', .7);
    
    self.frame = $('<div class="frame">').appendTo(self);
    
    self.iframe = $('<iframe src="' + BUY_HREF + code + '"/>')
                        .appendTo(self.frame);
    
    self.close = $('<div class="close">')
        .appendTo(self.frame)
        .click(function() { self.remove() });
    
    self.show();
    
    function resize()
    {
        self.frame.css('top', self.height() / 8);
        self.frame.css('height', self.height() / 8 * 6);
        self.frame.css('left', self.width() / 2 - self.frame.width() / 2 );
    }
    
    resize();
    $(window).resize(resize);
    $(window).scroll(resize);
}

function connectLink()
{
    var self = $(this);
    if (self.hasClass('stale')) return;
    self.click(function()
    {
        createBuyFrame(self.attr('rel'));
        return false;
    })
}

$(function()
{
    $('a.showtime').each(connectLink);
})