/*
 * Ext - JS Library 1.0 Alpha 3 - Rev 1
 * Copyright(c) 2006-2007, Jack Slocum.
 */

Ext.onReady(function(){
    Ext.get('mb1').on('click', function(e){
        Ext.MessageBox.show({
           title: 'ScreenShot',
           msg: '<img src="media/images/screenshots/'+document.getElementById('mb1').alt+'">',
           height:350,
		   width:580,
           buttons: Ext.MessageBox.OK,
           //fn: showResultText,
           animEl: 'mb1'
       });
    });

    Ext.get('mb3').on('click', function(e){
        Ext.MessageBox.show({
           title: 'ScreenShot',
           msg: '<img src="media/images/screenshots/'+document.getElementById('mb3').alt+'">',
           height:350,
		   width:580,
           buttons: Ext.MessageBox.OK,
           //fn: showResultText,
           animEl: 'mb3'
       });
    });

    Ext.get('mb2').on('click', function(e){
        Ext.MessageBox.show({
           title: 'ScreenShot',
           msg: '<img src="media/images/screenshots/'+document.getElementById('mb2').alt+'">',
           height:350,
		   width:580,
           buttons: Ext.MessageBox.OK,
           //fn: showResultText,
           animEl: 'mb2'
       });
    });

    Ext.get('mb4').on('click', function(e){
        Ext.MessageBox.show({
           title: 'ScreenShot',
           msg: '<img src="media/images/screenshots/'+document.getElementById('mb4').alt+'">',
           height:350,
		   width:580,
           buttons: Ext.MessageBox.OK,
           //fn: showResultText,
           animEl: 'mb4'
       });
    });
	
    Ext.get('mb6').on('click', function(e){
        Ext.MessageBox.show({
           title: 'ScreenShot',
           msg: '<img src="media/images/screenshots/'+document.getElementById('mb6').alt+'">',
           height:350,
		   width:580,
           buttons: Ext.MessageBox.OK,
           //fn: showResultText,
           animEl: 'mb6'
       });
    });
	
    Ext.get('mb5').on('click', function(e){
        Ext.MessageBox.show({
           title: 'ScreenShot',
           msg: '<img src="media/images/screenshots/'+document.getElementById('mb5').alt+'">',
           height:350,
		   width:580,
           buttons: Ext.MessageBox.OK,
           //fn: showResultText,
           animEl: 'mb5'
       });
    });

/*
    Ext.get('cover').on('click', function(e){
        Ext.MessageBox.show({
           title: 'ScreenShot',
           msg: '<img src="media/images/screenshots/'+document.getElementById('cover').alt+'">',
           height:350,
		   width:600,
           buttons: Ext.MessageBox.OK,
           //fn: showResultText,
           animEl: 'cover'
       });
    });
*/

    function showResult(btn){
        Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
    };

    function showResultText(btn, text){
        Ext.example.msg('Button Click', 'You clicked the {0} button and entered the text "{1}".', btn, text);
    };
});