var buttonIds = new Array();
var buttonUrls = new Array();
var outImgs = new Array();
var overImgs = new Array();
var smallImgs = new Array();
var outHeaders = new Array();
var overHeaders = new Array();
var outDescriptions = new Array();
var overDescriptions = new Array();
var buttonLabelX = new Array();
var buttonLabelY = new Array();
var buttonLabelYSmall = new Array();

function intializeButtons()
{
    var buttonsContainers = $$( 'div.buttonLargeContainer' ).toArray();
    var id;
    var url;
    var imgOut;
    var imgOver;
    var imgSmall;
    var titleOut;
    var titleOver;
    var descriptionOut;
    var descriptionOver;
    for( i = 0; i < buttonsContainers.length; i++ )
    {
        id = buttonsContainers[i].readAttribute( 'id' ).toString();
        url = buttonsContainers[i].readAttribute( 'url' ).toString();
        imgOut = buttonsContainers[i].readAttribute( 'imgOut' );
        imgOver = buttonsContainers[i].readAttribute( 'imgOver' );
        imgSmall = buttonsContainers[i].readAttribute( 'imgsmallres' );
        titleOut = buttonsContainers[i].readAttribute( 'titleOut' );
        titleOver = buttonsContainers[i].readAttribute( 'titleOver' );
        descriptionOut = buttonsContainers[i].readAttribute( 'descriptionOut' );
        descriptionOver = buttonsContainers[i].readAttribute( 'descriptionOver' );

        buttonIds[i] = id;
        buttonUrls[i] = url;
        outImgs[buttonIds[i]] = imgOut;
        overImgs[buttonIds[i]] = imgOver;
        smallImgs[buttonIds[i]] = imgSmall;
        outHeaders[buttonIds[i]] = titleOut;
        overHeaders[buttonIds[i]] = titleOver;
        outDescriptions[buttonIds[i]] = descriptionOut;
        overDescriptions[buttonIds[i]] = descriptionOver;
        buttonLabelX[buttonIds[i]] = '10px';
        buttonLabelY[buttonIds[i]] = '200px';
        buttonLabelYSmall[buttonIds[i]] = '5px';
    }
}

intializeButtons();

var minScreenWidth = 1024;
var minScreenHeight = 768;
var parentElement = 'container-page';

if( screen.width <= minScreenWidth && screen.height <= minScreenHeight )
{
    var textSection = $( parentElement );
    var buttonContainers = textSection.select( 'div.buttonLargeContainer' ).toArray();
    for( i = 0; i < buttonContainers.length; i++ )
    {
        /*--------------------------------------------------------------------------------*/
        var buttonId = buttonIds[i];
        var buttonEl = new Element( 'div', {'class': 'buttonSmall'} );
        buttonEl.style.backgroundImage = "url(" + smallImgs[buttonId] + ")";

        var bLabel = new Element( 'div', {'class': 'buttonLabel'} );
        bLabel.setStyle( {'margin-left': buttonLabelX[buttonId], 'top': buttonLabelYSmall[buttonId]} );

        var bLabelHeader = new Element( 'span', {'class': 'header'} );
        bLabelHeader.update( outHeaders[buttonId] );

        var bLabelDescription = new Element( 'span', {'class': 'description'} );
        bLabelDescription.update( nl2br( outDescriptions[buttonId] ) );

				var bLink = new Element('a', {'href': buttonUrls[i], 'title': ''});
								
				bLink.insert(bLabelHeader);
				bLink.insert(new Element('br', {}));
				bLink.insert(bLabelDescription);
				bLabel.insert(bLink);				
	
        buttonEl.insert( bLabel );
        /*--------------------------------------------------------------------------------*/
        (buttonContainers[i]).insert( buttonEl );
    }
}
else
{
    var largeButtonManager;
    var largeButtonHandler;
    if( buttonIds.length > 0 )
    {
        largeButtonManager = new IRLargeButtonManager( parentElement, buttonIds );
        largeButtonHandler = new IRLargeButtonHandler( largeButtonManager );
    }
}