var browserID = 0;
var m_IE = false;
var m_Opera = false;
var m_Moz = false;
var m_Netscape = false;
if(navigator.appName == 'Microsoft Internet Explorer' && navigator.userAgent.indexOf('Opera', 0) == -1) {
	//document.write('<link rel="stylesheet" href="css/style_ie.css">');
}else if(navigator.userAgent.indexOf('Opera', 0) >= 0){
	//document.write('<link rel="stylesheet" href="css/style_op.css">');
	browserID = 1
}else if(navigator.userAgent.indexOf('Netscape', 0) >= 0){
	//document.write('<link rel="stylesheet" href="css/style_ns.css">');
	browserID = 2
}else{
	//document.write('<link rel="stylesheet" href="css/style_mz.css">');
	browserID = 3
}

if(browserID == 0) m_IE = true;
if(browserID == 1) m_Opera = true;
if(browserID == 2) m_Netscape = true;
if(browserID == 3) m_Moz = true;

if(m_Moz)
{
//since firefox LOVES to just be a pain, we have to prototype our own functions. Hurray.

   HTMLElement.prototype.__defineGetter__("innerText", function () {
      var r = this.ownerDocument.createRange();
      r.selectNodeContents(this);
      return r.toString();
   });

   HTMLElement.prototype.__defineGetter__("outerHTML", function () {
      var _emptyTags = {
         "IMG":   true,
         "BR":    true,
         "INPUT": true,
         "META":  true,
         "LINK":  true,
         "PARAM": true,
         "HR":    true
      };      
      var attrs = this.attributes;
      var str = "<" + this.tagName;
      for (var i = 0; i < attrs.length; i++)
         str += " " + attrs[i].name + "=\"" + attrs[i].value + "\"";

      if (_emptyTags[this.tagName])
         return str + ">";

      return str + ">" + this.innerHTML + "</" + this.tagName + ">";
   });

   HTMLElement.prototype.__defineSetter__("outerText", function (sText) {
   this.outerHTML = sText.replace(/\&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   });
   
   HTMLElement.prototype.__defineSetter__("outerHTML", function (sHTML) {
   var r = this.ownerDocument.createRange();
   r.setStartBefore(this);
   var df = r.createContextualFragment(sHTML);
   this.parentNode.replaceChild(df, this);
   });
}

			if(m_IE == true) document.write('<link rel="stylesheet" href="style_ie6.css">');
			if(m_Opera == true) document.write('<link rel="stylesheet" href="style_op.css">');
			if(m_Moz == true) document.write('<link rel="stylesheet" href="style_mz.css">');
			
			document.write('<link rel="stylesheet" href="style0.css">');
			if(m_IE == true) document.write('<link rel="stylesheet" href="style0_ie6.css">');
			if(m_Opera == true) document.write('<link rel="stylesheet" href="style0_op.css">');
			if(m_Moz == true) document.write('<link rel="stylesheet" href="style0_mz.css">');


function addDropShaddow(item, type){
   try{
		var _className = 'DynamicDropShadow_';
		//if(m_Moz) return;
		
		switch (type)
		{
			case 0: // Standard
				break;
			case 1: // LinkBar
				_className = 'DynamicDropShadow_LinkBar_'
				break;
			case 2: // Selected Skin View
				_className = 'DynamicDropShadow_SelectedSkin_'
				break;
			case 3: // Sites Home Page
				_className = 'DynamicDropShadow_SiteHomePage_'
			case 3: // Sites Photo Album Page
				_className = 'DynamicDropShadow_SitePhotoAlbum_'
			break;
		}

      var img = document.createElement('img');
      img.id='_FeaturedSkin_Thumb';

      if(item.className != ''){
         img.className = item.className + ' Hand';
      }else{
         img.className = 'Hand';
      }
      img.src=item.src;
      
      if(item.width>0) { img.width=item.width; };
      if(item.height>0) { img.height=item.height; };
      
		if(item.parentNode.nodeName=='SPAN' && item.parentNode.id=='_shadow4'){ //Removes the existing drop shadow.
			var _parentDIV = item.parentNode.parentNode.parentNode.parentNode.parentNode;
			_parentDIV.appendChild(img);
			item.parentNode.parentNode.parentNode.parentNode.parentNode.removeChild(img,_parentDIV);
			return;
		}
        
     var span4 = document.createElement('span');
     span4.id='_shadow4';
     span4.className=_className + '4';
     span4.appendChild(img)
     
     var span3 = document.createElement('span');
     span3.id='_shadow3';
     span3.className=_className + '3';
     span3.appendChild(span4)
     
     var span2 = document.createElement('span');
     span2.id='_shadow2';
     span2.className=_className + '2';
     span2.appendChild(span3)
     
     var span1 = document.createElement('span');
     span1.id='_shadow1';
     span1.className=_className + '1';
     span1.appendChild(span2)
     
     item.parentNode.replaceChild(span1,item);  

   }catch(e){
      //alert('Error passed as: ' + e.message);
   }
}