$(document).ready(function(){
    $('#scroller1').jScrollPane({showArrows:true, scrollbarWidth: 11, arrowSize: 21});
	$('div.pesme h2.gray').click(function(){
        f_SH(this);
    });
});

function f_SH(obj) {
    var id = $(obj).attr('id');
    $('div.pesme h2.gray').removeClass('hStraneActive hZabavneActive hNarodneActive');
    $('#' + id).addClass(id + 'Active');
    $('div.collection').css('display', 'none');
    $('div.' + id).css('display',  'block');
	if(id=="hStrane")
    	$('#scroller1').jScrollPane({showArrows:true, scrollbarWidth: 11, arrowSize: 21});
	else if(id=="hZabavne")
    	$('#scroller2').jScrollPane({showArrows:true, scrollbarWidth: 11, arrowSize: 21});
	else if(id=="hNarodne")
    	$('#scroller3').jScrollPane({showArrows:true, scrollbarWidth: 11, arrowSize: 21});
};