var ApplyPopup = {
    PreloadFlag: false,
    Init: function() {

        var image = new Image();
        var images = new Array();
        images[0] = 'http://devimages.apple.com/products/images/addtocart_overlay_bgbottom.png';
        images[1] = 'http://devimages.apple.com/products/images/addtocart_overlay_bgmiddle.png';
        images[2] = 'http://devimages.apple.com/products/images/addtocart_overlay_bgtop.png';
        images[2] = 'http://devimages.apple.com/products/images/btn_ok.gif';

        for (var i=0; i<images.length; i++) {
            image.src=images[i];
            if (i==images.length-1) this.PreloadFlag == true;
        }

        var div = $$('.applypopup');
        var button = new Array();

        for (var i=0; i<div.length; i++) {
            button[i] = div[i].select('a')[0];
            button[i].onclick = ApplyPopup.Popup;
            var href = button[i].href;

            var oOverlay = Builder.node('div', {'class':'applypopup_overlay'});
            oOverlay.innerHTML = '<p>Important Program Note:<\/p><ul id="apply_note_li" class="square"><li>This Program is designed for instructional purposes.<\/li><li>Applicants must be able to legally bind their higher education institution to the Program\'s terms and conditions.<\/li><\/ul>';

            oOverlay.innerHTML += '<a class="ok" href="'+href+'">OK</a> <a class="cancel">Cancel</a>';
            var cancelButton = $(oOverlay).getElementsByClassName('cancel')[0];
            cancelButton.div = div[i];
            cancelButton.onclick = ApplyPopup.Popup;

            var oPopup = Builder.node('div', {'class':'applypopup_popup', id:'applypopup_popup'+i, 'style':'display:none;'}, [
            Builder.node('div', {'class':'relative'}, [
            Builder.node('div', {'class':'applypopup_overlay_topcap'}),
            oOverlay,
            Builder.node('div', {'class':'applypopup_overlay_bottomcap'})
            ])
            ]);
            div[i].appendChild(oPopup);

            if ($(button[i]).hasClassName('specifyquantity')) {
                var label = document.createElement('label');
                label.appendChild(document.createTextNode('Quantity: '));
                var input = document.createElement('input');
                input.type = 'text';
                input.value  = '1';
                input.size = '2';
                input.link = oOverlay.down('a.ok');
                input.linkHref = href;
                input.partNumber = $A(href.split('=')).last();
                input.onchange = function() {
                    var quantity = parseInt(this.value);
                    if (!quantity || quantity < 1) quantity = 1;
                    else if (quantity > 25) quantity = 25;
                    this.value = quantity;
                    quantity -= 1;
                    var href = this.linkHref;
                    for (var i=0; i<quantity; i++) href += ','+this.partNumber;
                    this.link.href = href;
                }
                label.appendChild(input);
                button[i].parentNode.insertBefore(label, button[i]);
            }
        }
    },

    Popup: function(ev) {
        if (ev) {
            ev.stop();
        }

        var div = ev.findElement('div.applypopup');
        var popup = div.getElementsByClassName('applypopup_popup')[0];

        var popups = $$('.applypopup_popup');
        for (var i=0; i<popups.length; i++) {
            if (popup.id != popups[i].id && popups[i].style.display != 'none') {
                popups[i].style.display = 'none';
            }
        }

        popup.style.display = (popup.style.display != 'none') ? 'none' : '' ;
    }
}


Event.observe(window, 'load', function() {
    ApplyPopup.Init();
});