var switchView = function(ele) {
    var switcher, content, wrappers, abouts, w, a, ruler;
    switcher = $get(ele);
    content = $get('exploreMembersContent').getElementsByClassName('content')[0];
    wrappers = $get(content).getElementsByClassName('memberWrap');
    abouts = $get(content).getElementsByClassName('memberAbout');
 
    ruler = $get('member_ruler');
    
    var gallery = function() {
        $get(content).removeClassName('listView');
        $get(content).addClassName('galleryView');
        if(ruler)
        {
            ruler.style.display='block';
        }
        /*
        for(var i=0; w = wrappers[i]; i+=1) {
            $get(w).setStyle({
                'display' : 'inline',
                'float' : 'left',
                'background-color' : 'transparent',
                'background-image' : 'none',
                'padding' : 0,
                'border' : 'none'
            });
        }
        
        for(var i=0; a = abouts[i]; i+=1) {
            $get(a).style.display = 'none';
        }
        */
    };
    
    var list = function() {
        $get(content).removeClassName('galleryView');
        $get(content).addClassName('listView');
        if(ruler)
        {
            ruler.style.display='none';
        }
        /*
        for(var i=0; w = wrappers[i]; i+=1) {
            $get(w).setStyle({
                'display' : '',
                'float' : '',
                'background-color' : '',
                'background-image' : '',
                'padding' : '',
                'border' : ''
            });
        }
        
        for(var i=0; a = abouts[i]; i+=1) {
            $get(a).style.display = '';
        }
        */
    };
    
    if(switcher.nodeName.toLowerCase() === 'a') {
        if(switcher.innerHTML === 'Switch to gallery view') {
            gallery();
            switcher.innerHTML = 'Switch to list view';
            switcher.className = 'viewToggle listViewToggle';
        } else if (switcher.innerHTML === 'Switch to list view') {
            list();
            switcher.innerHTML = 'Switch to gallery view';
            switcher.className = 'viewToggle galleryViewToggle'
        }
    } else if (switcher.nodeName.toLowerCase() === 'select') {
        if(switcher.value === 'list') {
            list();
        } else if (switcher.value === 'gallery') {
            gallery();
        }
    }
};
var switchView2 = function(ele, mainContent) {
    var switcher, content, wrappers, abouts, w, a, ruler;
    switcher = $get(ele);
    content = $get(mainContent).getElementsByClassName('content')[0];
    wrappers = $get(content).getElementsByClassName('memberWrap');
    abouts = $get(content).getElementsByClassName('memberAbout');
    ruler = $get('member_ruler');
    
    links = $get(content).getElementsByClassName('member_profile_extra');
    var gallery = function() {
        $get(content).removeClassName('listView');
        $get(content).addClassName('galleryView'); 
        if(ruler)
        {
            ruler.style.display='block';
        }
        for(var i=0; a = links[i]; i+=1) {
            $get(a).style.display = 'block';
        }
        
       // 
        /*
        for(var i=0; w = wrappers[i]; i+=1) {
            $get(w).setStyle({
                'display' : 'inline',
                'float' : 'left',
                'background-color' : 'transparent',
                'background-image' : 'none',
                'padding' : 0,
                'border' : 'none'
            });
        }
        
        for(var i=0; a = abouts[i]; i+=1) {
            $get(a).style.display = 'none';
        }
        */
    };
    
    var list = function() {
        $get(content).removeClassName('galleryView');
        $get(content).addClassName('listView');
         if(ruler)
        {
            ruler.style.display='none';
        }
        for(var i=0; a = links[i]; i+=1) {
            $get(a).style.display = 'none';
        }
        
        /*
        for(var i=0; w = wrappers[i]; i+=1) {
            $get(w).setStyle({
                'display' : '',
                'float' : '',
                'background-color' : '',
                'background-image' : '',
                'padding' : '',
                'border' : ''
            });
        }
        
        for(var i=0; a = abouts[i]; i+=1) {
            $get(a).style.display = '';
        }
        */
    };
    
    if(switcher.nodeName.toLowerCase() === 'a') {
        if(switcher.innerHTML === 'Switch to gallery view') {
            gallery();
            switcher.innerHTML = 'Switch to list view';
            switcher.className = 'viewToggle listViewToggle nextAction';
        } else if (switcher.innerHTML === 'Switch to list view') {
            list();
            switcher.innerHTML = 'Switch to gallery view';
            switcher.className = 'viewToggle galleryViewToggle nextAction'
        }
    } else if (switcher.nodeName.toLowerCase() === 'select') {
        if(switcher.value === 'list') {
            list();
        } else if (switcher.value === 'gallery') {
            gallery();
        }
    }
};