var wrapper = new Class({	
    options: 
	{	
	},  
    initialize:function(options)
    {
        this.setOptions(options);
        this.contentDiv = $('contentDiv');
        this.innerContentDiv = $('innerContentDiv');  
        this.innerLeftContentDiv = $('innerLeftContentDiv');           
        this.preload();                               
		if (this.options.initialize) 
		{
		    this.options.initialize.call(this);
		}                
    },   
    preload:function()
    {
        this.images = new Asset.images(this.options.images,
        {
            onComplete: function()
            {
                this.build();
            }.bind(this)
        });
    },
    build:function()
    {
    
        var height;                                                               
        height =  $('contentTable').getSize().size.y;
                       
        this.contentDiv.setStyle('width',this.images[0].width - this.images[1].width - this.images[2].width);
        
        $('topDiv').setStyles({'width':this.images[0].width,'height':this.images[0].height});        
        $('leftDiv').setStyles({'width':this.images[1].width,'height':height});
        $('leftDivImage').setStyles({'width':this.images[1].width,'height':height});
        $('rightDiv').setStyles({'width':this.images[2].width,'height':height});
        $('rightDivImage').setStyles({'width':this.images[2].width,'height':height});
        $('bottomDiv').setStyles({'width':this.images[3].width,'height':this.images[3].height});
                
        
        if(this.innerContentDiv)
        {                        
            this.innerContentDiv.setStyle('width',this.images[4].width - this.images[1].width - this.images[2].width);
            
            height = this.innerContentDiv.getSize().size.y;
            $('innerTopDiv').setStyles({'width':this.images[4].width,'height':this.images[0].height});        
            $('innerLeftDiv').setStyles({'width':this.images[1].width,'height':height});
            $('innerLeftDivImage').setStyles({'width':this.images[1].width,'height':height});
            $('innerRightDiv').setStyles({'width':this.images[2].width,'height':height});
            $('innerRightDivImage').setStyles({'width':this.images[2].width,'height':height});
            $('innerBottomDiv').setStyles({'width':this.images[5].width,'height':this.images[5].height});  

            
        }           
        if(this.innerLeftContentDiv)
        {                 
            this.innerLeftContentDiv.setStyle('width',this.images[6].width - this.images[1].width - this.images[2].width);
                        
            height = this.innerLeftContentDiv.getSize().size.y;  
            $('innerLeftWrapperDiv').setStyle('width',this.images[6].width);          
            $('innerLeftTopDiv').setStyles({'width':this.images[6].width,'height':this.images[0].height});
            $('innerLeftLeftDiv').setStyles({'width':this.images[1].width,'height':height});
            $('innerLeftLeftDivImage').setStyles({'width':this.images[1].width,'height':height});           
            $('innerLeftRightDiv').setStyles({'width':this.images[2].width,'height':height});
            $('innerLeftRightDivImage').setStyles({'width':this.images[2].width,'height':height});
            $('innerLeftBottomDiv').setStyles({'width':this.images[7].width,'height':this.images[7].height});                                  
        }                     
        
        if(window.ie)
        {
            $('footer').setStyle('padding-top',0);
        }
        $('wrapper').setStyle('visibility','visible');                                    
    }    
});
wrapper.implement(new Events, new Options);