//========================================================================
var SlideInt = "";
    
function Switch(num){

  if(SlideInt!="") return;
  var tab = document.getElementById("category_side");
  if(!tab){
      alert("could not find table");
      return;
  }
  else{
      var startPos = parseInt(tab.style.top);
      if(num) var endPos = -450;
      else var endPos = 0;
      
        
      SlideInt = setInterval("DoSlide(" + startPos + ", " + endPos + ")", 5);
  }
}
//----------------------    
    
function DoSlide(st, end){
  var tab = document.getElementById("category_side");
  var range = Math.abs((end-st));
  var steps = Math.ceil(range/50);
  var coors = findPos(tab);
  var l = parseInt(tab.style.top);
  var current_range = Math.abs((end-l));
  if(current_range<200) steps = 7;
  if(current_range<7) steps = 1;
      
  if(end>st){  
    if(l<end){
      tab.style.top = (l + steps) + "px";
    }
    else{
      clearInterval(SlideInt);
      SlideInt="";
    }
  }
  else{
    if(l>end){
      tab.style.top = (l - steps) + "px";
    }
    else{
      clearInterval(SlideInt);
      SlideInt="";
    }
  }
}
//========================================================================


//========================================================================
function TurnOffSlides(){
  var nam, el;
  for(i=0;i!=12;i++){
    nam = "cat" + i;

    el = document.getElementById(nam);
    el.className = "Slide_Side_Menu_Off";
  }
}
//========================================================================


//========================================================================
var SlideCenterInt = "";
var LeftOn = false;
var CenterOn = false;
    
function SwitchCenter(num, id){
  
  TurnOffSlides();
  
  var but = document.getElementById(id);
  if(but) but.className = "Slide_Side_Menu_On";

  if(SlideCenterInt!=""){
    clearInterval(SlideCenterInt);
  }
  var tab = document.getElementById("Slide_Center");
  var tab1 = document.getElementById("Slide_Left");
  if(!tab){
      alert("could not find table");
      return;
  }
  else{
      var startPos = parseInt(tab.style.left);
      if(num) var endPos = (num * 450);
      else var endPos = 0;
      
      var startPos1 = parseInt(tab1.style.left);
      if(num) var endPos1 = (num * 233);
      else var endPos1 = 0;
      
      LeftOn = true;
      CenterOn = true;      
      SlideCenterInt = setInterval("PerformSlide(" + startPos + ", " + endPos + "," + startPos1 + "," + endPos1 + ")", 5);
        
  }
}


//----------------------
function PerformSlide(stCenter, endCenter, stLeft, endLeft){
  
  var center = document.getElementById("Slide_Center");
  var left = document.getElementById("Slide_Left");
  
  if(center && left){
    
    // center
    var rangeCenter = Math.abs((endCenter-stCenter));
    var stepsCenter = Math.ceil(rangeCenter/35);
    var lCenter = parseInt(center.style.left);
    var current_center_range = Math.abs((endCenter-lCenter));
    if(current_center_range<200) stepsCenter = 7;
    if(current_center_range<7) stepsCenter = 1;
    
    // left
    var rangeLeft = Math.abs((endLeft-stLeft));
    var stepsLeft = Math.ceil(rangeLeft/50);
    var lLeft = parseInt(left.style.left);
    var current_left_range = Math.abs((endLeft-lLeft));
    if(current_left_range<200) stepsLeft = 7;
    if(current_left_range<5) stepsLeft = 1;
    
    
    if(endCenter>stCenter){  
      if(lCenter<endCenter){
        center.style.left = (lCenter + stepsCenter) + "px";
      }
      else{
        CenterOn = false;
        if(!LeftOn){
          clearInterval(SlideCenterInt);
          SlideCenterInt="";
        }
      }
    }
    else{
      if(lCenter>endCenter){
        center.style.left = (lCenter - stepsCenter) + "px";
      }
      else{
        CenterOn = false;
        if(!LeftOn){
          clearInterval(SlideCenterInt);
          SlideCenterInt="";
        }
      }
    }
    
    
    if(endLeft>stLeft){  
      if(lLeft<endLeft){
        left.style.left = (lLeft + stepsLeft) + "px";
      }
      else{
        LeftOn = false;
        if(!CenterOn){
          clearInterval(SlideCenterInt);
          SlideCenterInt="";
        }
      }
    }
    else{
      if(lLeft>endLeft){
        left.style.left = (lLeft - stepsLeft) + "px";
      }
      else{
        LeftOn = false;
        if(!CenterOn){
          clearInterval(SlideCenterInt);
          SlideCenterInt="";
        }
      }
    }
    
  }

}
//----------------------

//----------------------
function SwitchOff(id){
  var but = document.getElementById(id);
  if(but) but.className = "Slide_Side_Menu_Off";
}
//----------------------


//----------------------

function DoCenterSlide(st, end){
  var tab = document.getElementById("Slide_Center");
  var range = Math.abs((end-st));
  var steps = Math.ceil(range/50);
  var l = parseInt(tab.style.left);
  var current_range = Math.abs((end-l));
  if(current_range<200) steps = 7;
  if(current_range<7) steps = 1;
      
  if(end>st){  
    if(l<end){
      tab.style.left = (l + steps) + "px";
    }
    else{
      clearInterval(SlideCenterInt);
      SlideCenterInt="";
    }
  }
  else{
    if(l>end){
      tab.style.left = (l - steps) + "px";
    }
    else{
      clearInterval(SlideCenterInt);
      SlideCenterInt="";
    }
  }
}
//========================================================================


//========================================================================
var SlideLeftInt = "";
    
function SwitchLeft(num){

  if(SlideLeftInt!="") return;
  var tab = document.getElementById("Slide_Left");
  if(!tab){
      alert("could not find table");
      return;
  }
  else{
      var startPos = parseInt(tab.style.left);
      if(num) var endPos = (num * 233);
      else var endPos = 0;
      
        
      SlideLeftInt = setInterval("DoLeftSlide(" + startPos + ", " + endPos + ")", 5);
  }
}
//----------------------

function DoLeftSlide(st, end){
  var tab = document.getElementById("Slide_Left");
  var range = Math.abs((end-st));
  var steps = Math.ceil(range/50);
  var l = parseInt(tab.style.left);
  var current_range = Math.abs((end-l));
  if(current_range<200) steps = 7;
  if(current_range<7) steps = 1;
      
  if(end>st){  
    if(l<end){
      tab.style.left = (l + steps) + "px";
    }
    else{
      clearInterval(SlideLeftInt);
      SlideLeftInt="";
    }
  }
  else{
    if(l>end){
      tab.style.left = (l - steps) + "px";
    }
    else{
      clearInterval(SlideLeftInt);
      SlideLeftInt="";
    }
  }
}
//========================================================================


//========================================================================
function ProductSpecSlideOn(num){
  var elnam, el;
  
  for(i=0;i!=3;i++){
    elnam = "tab" + i;
    el = document.getElementById(elnam);
    if(i==num) el.className = 'Product_Right_Slide_On';
    else el.className = 'Product_Right_Slide_Off';
    
    elnam = "link" + i;
    el = document.getElementById(elnam);
    if(i==num) el.className = 'ProductSlideLinkOn';
    else el.className = 'ProductSlideLinkOff';
  }
}
//========================================================================


//========================================================================
//========================================================================
//========================================================================

//========================================================================
var ProductSlideInt="";

function SwitchProductSpec(num){
  if(ProductSlideInt!=""){
    clearInterval(ProductSlideInt);
  }
  var tab = document.getElementById("ProductSpecSlide");
  if(!tab){
      alert("could not find table");
      return;
  }
  else{
      var startPos = parseInt(tab.style.left);
      if(num) var endPos = (num * 400);
      else var endPos = 0;
         
      ProductSlideInt = setInterval("DoProductCenterSlide(" + startPos + ", " + endPos + ")", 5);
      
  }
}
//========================================================================


//========================================================================
function DoProductCenterSlide(st, end){
  var tab = document.getElementById("ProductSpecSlide");
  var range = Math.abs((end-st));
  var steps = Math.ceil(range/50);
  var l = parseInt(tab.style.left);
  var current_range = Math.abs((end-l));
  if(current_range<200) steps = 7;
  if(current_range<7) steps = 1;
      
  if(end>st){  
    if(l<end){
      tab.style.left = (l + steps) + "px";
    }
    else{
      clearInterval(ProductSlideInt);
      ProductSlideInt="";
    }
  }
  else{
    if(l>end){
      tab.style.left = (l - steps) + "px";
    }
    else{
      clearInterval(ProductSlideInt);
      ProductSlideInt="";
    }
  }
}
//========================================================================

//========================================================================
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        }   
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        }
    } 
} 
//========================================================================

//========================================================================
//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}
//========================================================================

//========================================================================
function MainBannerSlideShow(){

 
 // blendImages('zeleznik', 40, 1500, 'caption2');
  blendImages('BannerDiv', 150, 200);

  /*
  var layer = document.getElementById("BannerDiv");
  layer.style.backgroundImage = "url(" + pics[0].src + ")"; 
  opacity('BannerDiv', 0, 100, 1500);
  */
}
//========================================================================


//========================================================================
function SwitchSlideBG(dir, state){
  if(dir){
    var obj = document.getElementById('NextTD');
  }
  else{
    var obj = document.getElementById('BackTD');
  }

  if(!dir && state){
    obj.style.backgroundImage = 'url(Images/Slide_Back_On.gif)';
  }
  else if(!dir && !state){
    obj.style.backgroundImage = 'url(Images/Slide_Back_New.gif)';
  }
  else if(dir && state){
    obj.style.backgroundImage = 'url(Images/Slide_Next_On.gif)';
  }
  else{
    obj.style.backgroundImage = 'url(Images/Slide_Next_New.gif)';
  }
}
//========================================================================