/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 <;
 <;	Sonya Stratfull's DHTML Navigation System
 <;	ss_platform: This enhanced navigation system was designed
 <;	       using the databasik php and javascript framework.
 <;	Concept:     Implement a static framework that the website
 <;		     will be managed in. This includes a main menu across the top.
 <;
 <;	Auth: Russ Stratfull
 <;	WebSite: http://databasik.com
 <;
 <;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

 */


function ss_platform() {
   // shorten the document obj to make the code smaller =)
   d = document;

   // construct the "dock" container
   var sonya_nav = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
   sonya_nav.id = 'sonya_navid';

   // Next - apply style to the container div
   if( typeof( window.innerWidth ) == 'number' ) {
	   //IE6
	   sonya_nav.style.position = "fixed";
   }
   else {
	   sonya_nav.style.position = "absolute";
	   //cdock.style.top = document.body.clientHeight - '80' + 'px';
   }
   sonya_nav.style.width = "100%";
   sonya_nav.style.height = "90px";
   sonya_nav.style.left = '0px';
   sonya_nav.style.top = '0px';

   sonya_nav.style.zIndex = '1000';
   sonya_nav.style.borderTop = 'solid 10px #000';

   // Then - Create the vdock Dataversion vdock menu/UI
   sonya_nav_menu = sonya_nav.appendChild(d.createElement("div"));
   sonya_nav_menu.id = "sonya_nav_menu";

   // Apply style to the vdock:
   sonya_nav_menu.style.backgroundColor = '#fff';
   sonya_nav_menu.style.borderTop = 'solid 2px #fff';
   sonya_nav_menu.style.width = "800px";
   sonya_nav_menu.style.position = 'relative';
   sonya_nav_menu.style.marginLeft = 'auto';
   sonya_nav_menu.style.marginRight = 'auto';
   sonya_nav_menu.style.height = "100%";

   // Copy the h1,h2 and nav menu from the page and then destroy the originals =)
   sonya_nav_menu.innerHTML = '<p class="sonyastratfullh1">' + $('h1').innerHTML + '</p>';
   sonya_nav_menu.innerHTML += '<p class="sonyastratfullh2">' + $('h2').innerHTML + '</p>';
   sonya_nav_menu.innerHTML += $('nav').innerHTML;
   $('nav').parentNode.removeChild($('nav'));
   $('h1').style.display = 'none';
   $('h2').style.display = 'none';
   sonya_nav_menu.id = "inav";

   $('page').style.backgroundImage = 'none';

   document.body.style.paddingTop = '100px';

   nohashurlhome = location.href.replace('#', '');
   urlhome = nohashurlhome.replace(self.location.search, '');

   //setInterval( 'repositionSonyaNav()', '500' );

   //makeGetRequest(urlhome, 'databasik_ajax_req=get&databasik_ajax_mod=dataversion&dataversionproject=' + dataversionproject + '&vapp=vdock&vmsg=init', 'rendervdock(this)');
}

function repositionSonyaNav() {

   //MSIE < 6.0 -->UNTESTED... PROBABLY DOESN'T WORK! But, at least there's an entry point
   if(MSIE && navigatorVersion<6){
      //$('cdockid').style.top = document.body.scrollTop  + 'px';
      $('sonya_navid').style.width = '800px';
   }
   //MSIE 6+
   else if (MSIE && navigatorVersion>5) {
      $('sonya_navid').style.top = document.documentElement.scrollTop  + 'px';
      $('sonya_navid').style.width = document.documentElement.clientWidth + 'px';
   }
   else {
      $('sonya_navid').style.top = '0px';
      $('sonya_navid').style.width = document.documentElement.clientWidth + 'px';
   }
}

// add the event
addEvent(window,'load',ss_platform,false);



