// JavaScript Document
function set(){
window.setTimeout("set()",1);
var f=document.getElementById("layer");
f.style.width=document.body.parentNode.clientWidth+"px";
//alert(f.style.width);
var b=document.getElementById("layer");
b.style.height=document.body.parentNode.clientHeight+"px";

}
//efect slide show

var FadeDurationMS=1000;
function SetOpacity(object,opacityPct)
{
  // IE.
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';
  // Old mozilla and firefox
  object.style.MozOpacity = opacityPct/100;
  // Everything else.
  object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
  var element=document.getElementById(id);
  var msNow = (new Date()).getTime();
  var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
  if (opacity>=100)
  {
    SetOpacity(element,100);
    element.timer = undefined;
  }
  else if (opacity<=0)
  {
    SetOpacity(element,0);
    element.timer = undefined;
  }
  else 
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10);
  }
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
  var extSeparator = newImage.indexOf(".");
  var nameSeparator = newImage.indexOf("/");
  var catID = newImage.substring(nameSeparator+1,extSeparator);
  var newImage2 = "bannerfinal/"+catID+"b.jpg";
  var foregroundID2 = foregroundID + "b";
  var backgroundID2 = backgroundID + "b";
  var foreground=document.getElementById(foregroundID);
  var foreground2=document.getElementById(foregroundID2);
  if (foreground.timer){ window.clearTimeout(foreground.timer);window.clearTimeout(foreground2.timer);}
  if (backgroundID)
  {
    var background=document.getElementById(backgroundID);
	var background2=document.getElementById(backgroundID2);
    if (background)
    {
      if (background.src)
      {
    	  var preImage = background.src;
		  var preImage2 = background.src2;
  	      extSeparator = preImage.indexOf(".");
		  nameSeparator = preImage.indexOf("/");
		  var preCatID = preImage.substring(nameSeparator+1,extSeparator);
		  mouseOut(preCatID);
          foreground.src = background.src; 
		  foreground2.src = background2.src; 
          SetOpacity(foreground,100);
		  SetOpacity(foreground2,100);
      }
      background.src = newImage;
      background.style.backgroundImage = 'url(' + newImage + ')';
      background.style.backgroundRepeat = 'no-repeat';
	  background2.src = newImage2;
      background2.style.backgroundImage = 'url(' + newImage2 + ')';
	  //alert(background2.style.backgroundImage);
      background2.style.backgroundRepeat = 'no-repeat';
      var startMS = (new Date()).getTime();
      foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)",10);
	  foreground2.timer = window.setTimeout("ChangeOpacity('" + foregroundID2 + "'," + FadeDurationMS + "," + startMS + ",100,0)",10);
    }
  } else {
    foreground.src = newImage;
	foreground2.src = newImage2;
  }
   mouseOver(catID);
}
var slideCache = new Array();
function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs)
{
  var imageSeparator = imageFiles.indexOf(";");
  var nextImage = imageFiles.substring(0,imageSeparator);
  if (slideCache[nextImage] && slideCache[nextImage].loaded)
  {
    FadeInImage(pictureID,nextImage,backgroundID);
    var futureImages = imageFiles.substring(imageSeparator+1,imageFiles.length)
      + ';' + nextImage;
    setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages+"',"+displaySecs+")",
      displaySecs*1000);
    // Identify the next image to cache.
    imageSeparator = futureImages.indexOf(";");
    nextImage = futureImages.substring(0,imageSeparator);
  } else {
    setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+imageFiles+"',"+displaySecs+")",
      250);
  }
  // Cache the next image to improve performance.
  if (slideCache[nextImage] == null)
  {
    slideCache[nextImage] = new Image;
    slideCache[nextImage].loaded = false;
    slideCache[nextImage].onload = function(){this.loaded=true};
    slideCache[nextImage].src = nextImage;
  }
}

//tab menu
 function tabSwitch_2(active, number, tab_prefix, content_prefix) {  
   /*
   function for changing tabs.
   Parameters:
   active: current tab id number;
   number: number of tabs;
   tab_prefix: prefix which choosed for tab IDs like 'tab_';
   content prefix: prefix which choposed for contents like 'content_';
   */
     for (var i=1; i < number+1; i++) {  
       document.getElementById(content_prefix+i).style.display = 'none';  
       document.getElementById(tab_prefix+i).className = '';  
     }  
     document.getElementById(content_prefix+active).style.display = 'block';  
     document.getElementById(tab_prefix+active).className = 'active';      
   
 } 
 <!-- end of tabed switch -->