var variableslide=new Array()
  
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]   

siteurl='http://hongkong.cbco9.com'
variableslide[0]=[siteurl+'/images/square_01.jpg', '', '']
variableslide[1]=[siteurl+'/images/square_02.jpg', '', '']
variableslide[2]=[siteurl+'/images/square_03.jpg', '', '']
variableslide[3]=[siteurl+'/images/square_04.jpg', '', '']
variableslide[4]=[siteurl+'/images/square_05.jpg', '', '']
variableslide[5]=[siteurl+'/images/square_06.jpg', '', '']
variableslide[6]=[siteurl+'/images/square_07.jpg', '', '']
variableslide[7]=[siteurl+'/images/square_08.jpg', '', '']
variableslide[8]=[siteurl+'/images/square_09.jpg', '', '']
variableslide[9]=[siteurl+'/images/square_10.jpg', '', '']

variableslide[10]=[siteurl+'/images/square_11.jpg', '', '']
variableslide[11]=[siteurl+'/images/square_12.jpg', '', '']
variableslide[12]=[siteurl+'/images/square_13.jpg', '', '']
variableslide[13]=[siteurl+'/images/square_14.jpg', '', '']
variableslide[14]=[siteurl+'/images/square_15.jpg', '', '']
variableslide[15]=[siteurl+'/images/square_16.jpg', '', '']
variableslide[16]=[siteurl+'/images/square_17.jpg', '', '']
variableslide[17]=[siteurl+'/images/square_18.jpg', '', '']
variableslide[18]=[siteurl+'/images/square_19.jpg', '', '']
variableslide[19]=[siteurl+'/images/square_20.jpg', '', '']

//configure the below 3 variables to set the dimension/background color of the slideshow   
  
var slidewidth='300px'
var slideheight='250px'
var slidebgcolor='#F3F3F3'
  
//configure the below variable to determine the delay between image rotations (in miliseconds)   
var slidedelay=30000   
  
////Do not edit pass this line////////////////   
  
var ie=document.all   
var dom=document.getElementById   
  
for (i=0;i<variableslide.length;i++){   
  var cacheimage=new Image()   
  cacheimage.src=variableslide[i][0]   
}

var i=Math.floor(Math.random()*variableslide.length)
var currentslide=i

function rotateimages(){   
  contentcontainer='<center>'  
  if (variableslide[currentslide][1]!="")   
    contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'  
  contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="0">'  
  if (variableslide[currentslide][1]!="")   
    contentcontainer+='</a>'  
  contentcontainer+='</center>'  
  if (variableslide[currentslide][2]!="")   
    contentcontainer+=variableslide[currentslide][2]   
  
  if (document.layers){   
    crossrotateobj.document.write(contentcontainer)   
    crossrotateobj.document.close()   
  }   
  else if (ie||dom)   
    crossrotateobj.innerHTML=contentcontainer   
  if (currentslide==variableslide.length-1) currentslide=0   
  else currentslide++   
  setTimeout("rotateimages()",slidedelay)   
}   
  
if (ie||dom)   
  document.write('<div id="squaredom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>') 
  
function start_slider(){   
  crossrotateobj=dom? document.getElementById("squaredom") : ie? document.all.squaredom : document.squaremain.document.slidenssub   
  if (document.layers)   
    document.squaremain.visibility="show"  
  rotateimages()   
}
  
if (ie||dom)   
  start_slider()   
else if (document.layers)   
  window.onload=start_slider   


document.write('<ilayer id="squaremain" width='+slidewidth+' height='+slideheight+' bgcolor='+slidebgcolor+' visibility=hide><layer id="slidenssub" width='+slidewidth+'; left=0 top=0></layer></ilayer>')