//-----------------------------------------------------------------------------
// file: rotateBG.js
// lib:
// desc: series of fcts to rotate background images for multipart objects
// date: 2008/16/05
// auth: Rob Straughn <webmaster@omnisoft.net> inital concept: Irina, thanks! :)
// copy: (c) Copyright 2008 OmniSoft.
// Great source of titles well organized 
//  http://www.grsites.com/archive/textures/category/22/texture/36/
//  http://tips-for-new-bloggers.blogspot.com/2007/05/random-header-and-background-images.html
// default static BG should be provided
//-----------------------------------------------------------------------------

<!--   


  var  globBG = '/images/themes/proto1/backgrounds/rock043.jpg'; //default
  
  
 		//Detect Browser
    var IE4 = (document.all && !document.getElementById) ? true : false;
    var NS4 = (document.layers) ? true : false;
    var IE5 = (document.all && document.getElementById) ? true : false;
    var N6 = (document.getElementById && !document.all) ? true : false; 

function initBG()
/* retrieves a background tile */
{
     var bgArr = new Array(
                'rock007.jpg',
                'rock010.jpg',
                'rock013.jpg',
                'rock017.jpg',
                'rock024.jpg',
                'rock029.jpg',
                'rock026.jpg',
                'rock027.jpg',
                'rock031.jpg',
                'rock034.jpg',
                'rock043.jpg',
                'rock043.jpg'
     ); 

/* ----------------------------------------------------------------------------- */
  
  var dir = '/images/themes/proto1/backgrounds/';
  var j   = Math.floor(Math.random()*bgArr.length);

  // model: <p style="background: url(yellow_rock.gif);">This is workin'</p>
  //css
  //var  globBG = ' style="background: url("' + dir + bgArr[j] + '") repeat center center; ';
  
  //BACKGROUND="your_image.gif"
  globBG = dir + bgArr[j];
  //alert(globBG);
}


function rotateBG()
/* adds  background style to an object */
{
  initBG();
   //document.getElementById('t1').background="/images/themes/proto1/backgrounds/rock043.jpg";
  // alert(globBG);
   
   
  // {background: url(/images/themes/proto1/backgrounds/rock043.jpg) };
  
    //IE only object
  //alert ('stylesheet:'+ document.styleSheets[0].cssRules[1]); //http://www.javascriptkit.com/domref/stylesheet.shtml


  //hard coded this works!!!!
  //document.styleSheets[0].addRule(".t1", "{ background-image: url(/images/themes/proto1/backgrounds/rock043.jpg)};");

  document.styleSheets[0].addRule(".t1",   "{ background-image: url(" + globBG + ")};");
  //alert('4a');
}




//-->    

//-----------------------------------------------------------------------------
// end of rotateBG.js
//-----------------------------------------------------------------------------