var ExpeditionMedia = Class.create();
Object.extend(ExpeditionMedia, {
    popup: null
  , printing: function() {
        $$('#content .grayGradientBox .tools .print a').each(function(element) {
            element.observe('click', function(event) {
                if (ExpeditionMedia.popup = self.open(this.href.replace(/#travelKitGroup(\d+)$/, '&travelKitGroupId=$1'), '', 'width=797,height=480,scrollbars=yes,resizable=yes')) {
                    ExpeditionMedia.popup.focus();
                    Event.observe(ExpeditionMedia.popup, /*'dom:loaded'*/'load', function() {
                    //ExpeditionMeida.popup.onload = function() {
                    //ExpeditionMedia.popup.document.getElementsByTagName('style')[0].writeAttribute('media', 'screen,projection,print');
                    //ExpeditionMedia.popup.document.getElementsByTagName('style')[0].innerHTML = '@import \'CSS/travelKitGuidesPopup.css\';';
                    //ExpeditionMedia.popup.document.getElementById($(element).readAttribute('href').replace(/^.*#/, '')).style.display = 'block'; // how to reference a different viewport with prototypejs?
                    setTimeout('ExpeditionMedia.popup.print()', 0);
                    //}
                    });
                    event.stop();
                }
            });
        });
    }
});

document.observe('dom:loaded', ExpeditionMedia.printing);

//var ExpeditionMedia = Class.create();
//Object.extend(ExpeditionMedia, {
//    popup: null
//  , printing: function() {
        /*
        $$('#content .grayGradientBox .tools .print a').each(function(element) {
            element.observe('click', function(event) {
                if (ExpeditionMedia.popup = self.open(this.href, '', 'width=797,height=480,scrollbars=yes,resizable=yes')) {
                    Event.observe(ExpeditionMedia.popup.document, 'load', function() {
                        ExpeditionMedia.popup.alert(event.element().readAttribute('href'));
                        ExpeditionMedia.popup.document.getElementsByTagName('style')[0].writeAttribute('media', 'screen,projection,print');
                        ExpeditionMedia.popup.document.getElementsByTagName('style')[0].innerHTML = '@import \'CSS/travelKitGuidesPopup.css\';';
                        $('travelKitGroup' + 2).writeAttribute('display', 'block'); // @TODO adjust
                        setTimeout('ExpeditionMedia.popup.print()', 0);
                    });
                    event.stop();
                }
            });
        });
        */
//    }
//});

//document.observe('dom:loaded', ExpeditionMedia.printing);

