function selectTab(id, sub_id) {

        $('content' + sub_id + "_left").style.display = "none";
        $('content' + sub_id + "_middle").style.display = "none";

        $('content' + sub_id + "_" + id).style.display = "block";
        if (id == "middle") {
        
            $('corner_left_' + sub_id).src = $('corner_left_' + sub_id).src.replace('corner-left-top', 'corner-left-top-fill');
            $('left_' + sub_id).removeClassName('selected');
            $('left_' + sub_id).addClassName('unselected');
            
            $('middle_' + sub_id).addClassName('selected');
            $('middle_' + sub_id).removeClassName('unselected');
            
            $('middle_left_' + sub_id).src = $('middle_left_' + sub_id).src.replace('corner-middle-unsel', 'corner-middle-unsel-left');
            $('middle_right_' + sub_id).src = $('middle_right_' + sub_id).src.replace('corner-devide-unsel', 'corner-middle-unsel');
            
            $('middle_' + sub_id).innerHTML = $('middle_' + sub_id).firstDescendant().innerHTML;
             
            $('left_' + sub_id).innerHTML = '<A href="javascript: void(0);" onclick="selectTab(\'left\', \'' + sub_id + '\')">' + $('left_' + sub_id).innerHTML + '</A>';
            
            //alert($('corner_left_' + sub_id).src);
        
//          alert("test");
        }
        else if (id == "left") {
            $('corner_left_' + sub_id).src = $('corner_left_' + sub_id).src.replace('corner-left-top-fill', 'corner-left-top');
            $('left_' + sub_id).addClassName('selected');
            $('left_' + sub_id).removeClassName('unselected');
            
            $('middle_' + sub_id).removeClassName('selected');
            $('middle_' + sub_id).addClassName('unselected');
            
            $('middle_left_' + sub_id).src = $('middle_left_' + sub_id).src.replace('corner-middle-unsel-left', 'corner-middle-unsel');
            $('middle_right_' + sub_id).src = $('middle_right_' + sub_id).src.replace('corner-middle-unsel', 'corner-devide-unsel');
            
            $('left_' + sub_id).innerHTML = $('left_' + sub_id).firstDescendant().innerHTML;
             
            $('middle_' + sub_id).innerHTML = '<A href="javascript: void(0);" onclick="selectTab(\'middle\', \'' + sub_id + '\')">' + $('middle_' + sub_id).innerHTML + '</A>';
        }
    }
    
    
    function explode (delimiter, string, limit) {
    // http://kevin.vanzonneveld.net
    // +     original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +     improved by: kenneth
    // +     improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +     improved by: d3x
    // +     bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // *     example 1: explode(' ', 'Kevin van Zonneveld');
    // *     returns 1: {0: 'Kevin', 1: 'van', 2: 'Zonneveld'}
    // *     example 2: explode('=', 'a=bc=d', 2);
    // *     returns 2: ['a', 'bc=d']
 
    var emptyArray = { 0: '' };
    
    // third argument is not required
    if ( arguments.length < 2 ||
        typeof arguments[0] == 'undefined' ||
        typeof arguments[1] == 'undefined' ) {
        return null;
    }
 
    if ( delimiter === '' ||
        delimiter === false ||
        delimiter === null ) {
        return false;
    }
 
    if ( typeof delimiter == 'function' ||
        typeof delimiter == 'object' ||
        typeof string == 'function' ||
        typeof string == 'object' ) {
        return emptyArray;
    }
 
    if ( delimiter === true ) {
        delimiter = '1';
    }
    
    if (!limit) {
        return string.toString().split(delimiter.toString());
    } else {
        // support for limit argument
        var splitted = string.toString().split(delimiter.toString());
        var partA = splitted.splice(0, limit - 1);
        var partB = splitted.join(delimiter.toString());
        partA.push(partB);
        return partA;
    }
}