// ------------------------------------------------------------------------------------------------- //
	// INITIALIZE website layout
	function init_layout()
	{	
		$('body')
		.bind('mousemove',function(e){
			var W = $(window).width();
			var H = $(window).height();
			
			// auto-hide west panel
			if(	(
					$('#west_panel_collapsed').css('display')!='none' &&
					$('#west_panel_expanded').css('display')!='none' &&
					e.pageX>=225
				) || (
					$('#west_panel_collapsed').css('display')!='none' &&
					$('#west_panel_expanded').css('display')!='none' &&
					(e.pageY<=75 || e.pageY>=710)
				)	)
			{
				$('#west_panel_expanded').hide().css('left','').css('z-index','');
			}
			
			// auto-hide east panel
			if(	(
					$('#east_panel_collapsed').css('display')!='none' &&
					$('#east_panel_expanded').css('display')!='none' &&
					e.pageX<=(W-225)
				) || (
					$('#east_panel_collapsed').css('display')!='none' &&
					$('#east_panel_expanded').css('display')!='none' &&
					(e.pageY<=75 || e.pageY>=710)
				)	)
			{
				$('#east_panel_expanded').hide().css('right','').css('z-index','');
			}
		});
		
		// west panel listeners and events
		$('#icoCollapseWest').bind('click',function(e){	
			$('#icoCollapseWest').hide();
			$('#west_panel_expanded').hide();
			$('#west_panel_collapsed').fadeIn(1000);
			// update layout setting
			update_layout_setting();
		});
		
		$('#icoExpandWest').bind('click',function(e){
			$('#west_panel_collapsed').hide();
			$('#west_panel_expanded').css('position','relative').css('left','0').css('z-index','').fadeIn(1000);
			$('#icoCollapseWest').show();
			// update layout setting
			update_layout_setting();
		});
		
		$('#west_panel_expand_bar').bind('click',function(e){
			$('#west_panel_expanded').css('position','absolute').css('left','30px').css('z-index','102').fadeIn(30);
		});
		
		// main section events
		$('#accordion_nav_panel_content a.main_section').bind('click',function(e){
			if($(this).attr('id')!=$('#accordion_nav_panel_content a.selected').attr('id')){
				// toggle selected
				$('#' + $('#accordion_nav_panel_content a.selected').attr('id') + '_cont').hide();
				$('#accordion_nav_panel_content a.selected').toggleClass('selected');
				// toggle new selected
				$(this).toggleClass('selected');
				$('#' + $(this).attr('id') + '_cont').fadeIn();
			}
		});

		// sub section events
		$('ul.sub_section h2').bind('click',function(e){
			$('#' + $(this).attr('id') + '_cont').toggle();
		});
		
		// east panel action listeners and events
		$('#icoCollapseEast').bind('click',function(e){	
			$('#icoCollapseEast').hide();
			$('#east_panel_expanded').hide();
			$('#east_panel_collapsed').fadeIn(1000);
			// update layout setting
			update_layout_setting();
		});
		
		$('#icoExpandEast').bind('click',function(e){	
			$('#east_panel_collapsed').hide();
			$('#east_panel_expanded').css('position','relative').css('right','').css('z-index','').fadeIn(1000);
			$('#icoCollapseEast').show();
			// update layout setting
			update_layout_setting();
		});
		
		$('#east_panel_expand_bar').bind('click',function(e){
			$('#east_panel_expanded').css('position','absolute').css('right','30px').css('z-index','102').fadeIn(30);
		});
		
		// user panel events
		$('#user_panel a.main_section').bind('click',function(e){
			// toggle new selected
			$(this).toggleClass('selected');
			$('#' + $(this).attr('id') + '_cont').toggle();
		});
	}
	// ------------------------------------------------------------------------------------------------- //
	// UPDATE layout setting
	function update_layout_setting(){
		// process and return result
		$.ajax({
			type: "POST",
			url: "../ajax_load/ajax_set_layout.php?uWest="+ ( ($('#west_panel_expanded').css('display')!='none')?('expanded'):('collapsed') ) +"&uEast="+ ( ($('#east_panel_expanded').css('display')!='none')?('expanded'):('collapsed') ),
			dataType: "json",
			beforeSend: function(){
				$('#loading-msg').html($('#hidProcessing').val());
				$('#loading').show();
			},
			success: function(data){
				//alert(data);
				$('#loading').fadeOut();
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){
				$('#loading').fadeOut();
			},
			complete: function(){
				return false;
			}
		});		
	}
	// ------------------------------------------------------------------------------------------------- //
	// TOGGLE side box
	function toggle_slide_box(box)
	{
		if(box=='languageToggleBox')
		{
			$('#companyToggleBox').hide();
			$('#languageToggleBox').slideToggle('fast');
		}
		else if(box=='companyToggleBox')
		{
			$('#languageToggleBox').hide();
			$('#companyToggleBox').slideToggle('fast');
		}
	}