/////////////////////////////////////////////////////////////////
// STYLE SHEET SWAPPER (FOR DEV ONLY)
function IterateStyles() {
 var aStyleSheets = document.getElementsByTagName('link');
 var nL    = aStyleSheets.length;
 var nI    = 0;
 var sCurrentTitle = IterateStyles.styles[IterateStyles.styleIndex] || '';
 var oStyle, sTitle, bIsStylesheet, oGlobalStyle;
 
 // Loop through style sheets in document's head
 while (nI < nL) {
  oStyle   = aStyleSheets[nI++];
  sTitle   = oStyle.getAttribute('title') || '';
  bIsStylesheet = Boolean((oStyle.getAttribute('rel') || '').indexOf('style') >= 0);
  
  if (bIsStylesheet && sTitle.length) {
   
   // Get reference to the global stylesheet
   switch (sTitle) {
    case ('global')   : {
     // Disable the global style - it will be enabled later if necessary
     oStyle.disabled  = true;
     oGlobalStyle  = oStyle;
     break;
    }
    case (sCurrentTitle) : {
     if (sCurrentTitle) {
      // Enable "selected" style
      oStyle.disabled = false;
     }
     break;
    }
    default     : {
     // Style is not selected and is not global, so disable style
     oStyle.disabled  = true;
     break;
    }
   }
  }
 }
 
 // If the index is out of the array's bounds, then reset then index and remove the global stylesheet
 // Else apply the global style sheet and increment the counter
 if (!sCurrentTitle.length) {
  // Reset style index
  IterateStyles.styleIndex = 0;
  
  window.status    = 'style: blank';
 } else {
  // Increment style index
  IterateStyles.styleIndex++;
  
  // Enable global style
  oGlobalStyle.disabled  = false;
  window.status    = 'style: ' + sCurrentTitle;
 }
 
 // Clean up
 oGlobalStyle = null;
 oStyle   = null;
}
IterateStyles.styles  = ['001', '002a', '002b', '003', '004'];
IterateStyles.styleIndex = 0;