DXTABPANE ={};


DXTABPANE.touchShowTab = function(event, paneId, containerPane, containerTab, type, scheme) {
	$(containerTab).filter(".dxw_tab_left_marked_touch" + scheme).addClass("dxw_tab_left_nomark_touch" + scheme).removeClass("dxw_tab_left_marked_touch" + scheme);
	$(containerTab).filter(".dxw_tab_middle_marked_touch" + scheme).addClass("dxw_tab_middle_nomark_touch" + scheme).removeClass("dxw_tab_middle_marked_touch" + scheme);
	$(containerTab).filter(".dxw_tab_right_marked_touch" + scheme).addClass("dxw_tab_right_nomark_touch" + scheme).removeClass("dxw_tab_right_marked_touch" + scheme);
	
	if(type == 'l') {
		$((event.target || event.srcElement)).removeClass("dxw_tab_left_nomark_touch" + scheme).addClass("dxw_tab_left_marked_touch" + scheme);
	} else if(type == 'm') {
		$((event.target || event.srcElement)).removeClass("dxw_tab_middle_nomark_touch" + scheme).addClass("dxw_tab_middle_marked_touch" + scheme);
	} else if(type == 'r') {
		$((event.target || event.srcElement)).removeClass("dxw_tab_right_nomark_touch" + scheme).addClass("dxw_tab_right_marked_touch" + scheme);
	}
	$(containerPane).removeClass("active_pane").addClass("inactive_pane");	
	$('#'+paneId).removeClass("inactive_pane").addClass("active_pane");
}


DXTABPANE.showTab = function(event, paneId, containerPane, containerTab, type) {
	$(containerTab).filter(".dxw_tab_marked").addClass("dxw_tab_nomark").removeClass("dxw_tab_marked");
	$((event.target || event.srcElement)).removeClass("dxw_tab_nomark").addClass("dxw_tab_marked");
	
	$(containerPane).removeClass("active_pane").addClass("inactive_pane");	
	$('#'+paneId).removeClass("inactive_pane").addClass("active_pane");
}