var _rootpath ='http://www.sourcingvision.com/';

var Bg=new Image();

//*************************************************************************************************************************
function PreloadImage(url){  
  Bg.src=url;
}

//*************************************************************************************************************************
var Button_LastStatus='up';

var Bg1=new Image();
  Bg1.src=_rootpath + 'images/button/button_bg_up.gif';
var Bg2=new Image();
  Bg2.src= _rootpath + 'images/button/button_bg_down.gif';
  
  
function Button_Roll(ez,type,status){
  if (Button_LastStatus==status) return;
  Button_LastStatus=status;
  
  ez.style.backgroundImage='url(' + _rootpath + 'images/button/'+type+'button_bg_'+status+'.gif)';
  ez.rows[0].cells[0].childNodes[0].src= _rootpath + 'images/button/'+type+'button_'+(htmlDir=='ltr'?'left':'right')+'_'+status+'.gif';
  ez.rows[0].cells[2].childNodes[0].src= _rootpath + 'images/button/'+type+'button_'+(htmlDir=='ltr'?'right':'left')+'_'+status+'.gif';
}

//*************************************************************************************************************************
function Button_ReadMore(type,params,buttontext){
  var content='';
  content+='<table border="0" cellspacing="0" cellpadding="0">';
  content+='<tr><td class="button" onMouseOver="javascript:Button_Roll(this.childNodes[0],\''+type+'\',\'down\');" onMouseOut="javascript:Button_Roll(this.childNodes[0],\''+type+'\',\'up\');"'+params+'>';
    content+='<table border="0" cellspacing="0" cellpadding="0" background="'+_rootpath +'images/button/'+type+'button_bg_up.gif" class="button">';
    content+='<tr>';
    content+='<td><img src="'+_rootpath+'images/button/'+type+'button_'+(htmlDir=='ltr'?'left':'right')+'_up.gif" width="17" height="34"></td>';
    content+='<td>'+ buttontext +'</td>';
    content+='<td><img src="'+_rootpath+'images/button/'+type+'button_'+(htmlDir=='ltr'?'right':'left')+'_up.gif" width="17" height="34"></td>';
    content+='</tr>';
    content+='</table>';
  content+='</td></tr>';
  content+='</table>';
  
  document.write(content);
}

//*************************************************************************************************************************
//*************************************************************************************************************************
//*************************************************************************************************************************
//*************************************************************************************************************************
//*************************************************************************************************************************
var Tab_LastActiveID='up';

function Tab_Click(ActiveID){
  if (Tab_LastActiveID==ActiveID) return;
  Tab_LastActiveID=ActiveID;
  for (x=1;x<=TabsArray.length-1;x++){
    document.getElementById('Tab'+x).style.display='none';
  }
  document.getElementById('Tab_Header').innerHTML=Tab_Header(ActiveID);
  document.getElementById('Tab'+ActiveID).style.display='block';
}

//*************************************************************************************************************************
function Tab_Header(ActiveID){
  var content='';
  var ContentWidth='345';
  var line1='';
  var line2='';
  
  rest=ContentWidth-20-TabsArray.length*100;
  for (x=1;x<=TabsArray.length-1;x++){
    if (x==ActiveID){
      line1+="    <td width='2px'></td>";
      line1+="    <td width='100px' class='tabbox' align='center' colspan='3'>";
      line1+="      <a href='#' class='tabboxtitle' onClick='javascript:Tab_Click(\""+x+"\");return false;'>"+TabsArray[x]+"</a>";
      line1+="    </td>";
      
      line2+="    <td width='2px'></td>";
      line2+="    <td width='1px'></td>";
      line2+="    <td width='98px' bgcolor='#FFFFFF'></td>";
      line2+="    <td width='1px'></td>";

      
    }else{  
      line1+="    <td width='2px'></td>";
      line1+="    <td width='100px' class='tabboxinactive' align='center' colspan='3'>";
      line1+="      <a href='#' class='tabboxtitle' onClick='javascript:Tab_Click(\""+x+"\");return false;'>"+TabsArray[x]+"</a>";
      line1+="    </td>";
      
      line2+="    <td width='2px'></td>";
      line2+="    <td width='1px'></td>";
      line2+="    <td width='98px'></td>";
      line2+="    <td width='1px'></td>";
    }
  }
  
  content+="<table width='"+ContentWidth+"' border='0' cellspacing='0' cellpadding='0'>";
  content+="  <tr height='25px'>";
  content+="    <td width='20px'></td>";  
  content+=line1;  
  content+="    <td width='125px'></td>";
  content+="  </tr>";

  content+="  <tr height='1px' bgcolor='#595959'>";
  content+="    <td width='20px'></td>";
  content+=line2;
  content+="    <td width='125px'></td>";
  content+="  </tr>";
  content+="</table>";
  //alert(content);
  return content;

}