Following javascript function loads css file if it’s not already loaded
function loadIfNotYetLoaded(cssFilePathName){
cssLoaded = false;
var ss = document.styleSheets;
for (var i = 0, max = ss.length; i < max; i++) {
var sheet = ss[i];
if(sheet.href.indexOf(cssFilePathName) != -1){
cssLoaded = true;
break;
}
}
if(!cssLoaded){
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = cssFilePathName;
document.getElementsByTagName("head")[0].appendChild(link);
}
}