function size_style(){
	
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;

	if(windowWidth < 1530 && windowWidth > 1330){

		Ext.get('main_back').removeClass('size_hand_1330');
		Ext.getBody().removeClass('size_tree_1330');

		Ext.get('main_back').addClass('size_hand_1530');
		Ext.getBody().addClass('size_tree_1530');
		
		if(Ext.fly('page01_title')){
			Ext.fly('page01_title').removeClass('intro_position_1330');
			Ext.fly('page01_title').addClass('intro_position_1530');		
		}
		
	}
	
	else if(windowWidth < 1330){
		
		Ext.get('main_back').removeClass('size_hand_1530');
		Ext.getBody().removeClass('size_hand_1530');
		
		Ext.get('main_back').addClass('size_hand_1330');
		Ext.getBody().addClass('size_tree_1330');
		
		if(Ext.fly('page01_title')){
			Ext.fly('page01_title').removeClass('intro_position_1530');
			Ext.fly('page01_title').addClass('intro_position_1330');		
		}
		
	}
	else{
		
		Ext.get('main_back').removeClass(['size_hand_1530','size_hand_1330']);
		Ext.getBody().removeClass(['size_tree_1530','size_tree_1330']);
		
		Ext.get('main_back').addClass('main_back');
		Ext.getBody().addClass('body');
		
		if(Ext.fly('page01_title')){
			Ext.fly('page01_title').removeClass('intro_position_1330');
			Ext.fly('page01_title').removeClass('intro_position_1530');		
		}
		
	}

	if(windowHeight < 800){
		
		var new_height = windowHeight;
		
		if(windowHeight < 610){
			new_height = 610;
		}
		
		Ext.fly('main_back').setHeight(new_height, true);
	}
	
	else{
		
		Ext.fly('main_back').setHeight(windowHeight-100, true);
	}

}


Ext.onReady(function(){
	
	size_style();

});