window.addEvent('domready', function(){
	
	
	//window resizing for side banner
	if(window.getWidth() >= 1024)
	$('content').setStyle('max-width', window.getWidth() - 200);
	window.addEvent('resize', function(){
		if(window.getWidth() >= 1024)
		$('content').setStyle('max-width', window.getWidth() - 200);
	});
	
	//catetory switching
	var main_categories = $(document).getElements('li[class=main_categories]');
	var sub_categories = $(document).getElements('div[class=subcategory_wrapper]');
	for (var i = 0; i < main_categories.length; i++) {
		main_categories[i].addEvent('mouseenter', function(e){
			var mySubcategory = 'subcategories_' + this.getProperty('title');										
			for (var j = 0; j < sub_categories.length; j++) {
				sub_categories[j].setStyle('display', 'none');
			}
			var main_selected = $(document).getElements('b[name=main_selected]');
			if (main_selected.length > 0) {
				main_selected[0].tween('color', '#000000');
				main_selected[0].set('name', '');
			}
			$(mySubcategory).setStyle('display', 'block');
			var childa = this.getChildren('a');
			var childb = childa[0].getChildren('b');
			childb[0].setStyle('color', '#30E901');
			childb[0].set('name', 'main_selected');
		});
	}
	
	
	
	
});