var showfirst=true ;
document.onreadystatechange=function showabouttitle(selectpicture)
    {
    if (document.readyState=="complete") {
    for(var i=1;i<6;i++)
    {
        var objtemp = document.getElementById("div_"+i);
        if (objtemp!=null)
        {
            objtemp.style.display="none";
        }
    }
   if(selectpicture==-1)
    {
    var src=document.getElementById("cube_area").src.toString();
    var picturename=src.substring(src.lastIndexOf("/")).substring(1,src.substring(src.lastIndexOf("/")).length).toString();
    }
    else
    {
      switch (selectpicture)
      {
      case 0: document.getElementById("cube_area").src="Image/001.jpg";
              break; 
      case 1: document.getElementById("cube_area").src="Image/002.jpg";
              break; 
      case 2: document.getElementById("cube_area").src="Image/003.jpg";
              break; 
      case 3: document.getElementById("cube_area").src="Image/004.jpg";
              break; 
      case 4: document.getElementById("cube_area").src="Image/005.jpg";
              break; 
      default: break;        
      }
    }
    switch(picturename)
    {
    case "001.jpg":  
                    document.getElementById("div_1").style.display="";
                    document.getElementById("image_1").src="Image/_1.bmp";
                    document.getElementById("image_2").src="Image/2.bmp";
                    document.getElementById("image_3").src="Image/3.bmp";
                    document.getElementById("image_4").src="Image/4.bmp";
                    document.getElementById("image_5").src="Image/5.bmp";
                    break;
    case "002.jpg":
                    document.getElementById("div_2").style.display="";
                    document.getElementById("image_1").src="Image/1.bmp";
                    document.getElementById("image_2").src="Image/_2.bmp";
                    document.getElementById("image_3").src="Image/3.bmp";
                    document.getElementById("image_4").src="Image/4.bmp";
                    document.getElementById("image_5").src="Image/5.bmp";
                    break;
    case "003.jpg":
                    document.getElementById("div_3").style.display="";
                    document.getElementById("image_1").src="Image/1.bmp";
                    document.getElementById("image_2").src="Image/2.bmp";
                    document.getElementById("image_3").src="Image/_3.bmp";
                    document.getElementById("image_4").src="Image/4.bmp";
                    document.getElementById("image_5").src="Image/5.bmp";
                    break;
    case "004.jpg":
                    document.getElementById("div_4").style.display="";
                    document.getElementById("image_1").src="Image/1.bmp";
                    document.getElementById("image_2").src="Image/2.bmp";
                    document.getElementById("image_3").src="Image/3.bmp";
                    document.getElementById("image_4").src="Image/_4.bmp";
                    document.getElementById("image_5").src="Image/5.bmp";
                    break;
    case "005.jpg":
                    document.getElementById("div_5").style.display="";
                    document.getElementById("image_1").src="Image/1.bmp";
                    document.getElementById("image_2").src="Image/2.bmp";
                    document.getElementById("image_3").src="Image/3.bmp";
                    document.getElementById("image_4").src="Image/4.bmp";
                    document.getElementById("image_5").src="Image/_5.bmp";
                    break;
    default: break;
    }
    if(picturename==null)
    {
    if(showfirst==true)
    {
    document.getElementById("div_1").style.display="";
    document.getElementById("image_1").src="Image/_1.bmp";
    document.getElementById("image_2").src="Image/2.bmp";
    document.getElementById("image_3").src="Image/3.bmp";
    document.getElementById("image_4").src="Image/4.bmp";
    document.getElementById("image_5").src="Image/5.bmp";
    showfirst=false;
    }
    }
    }
    }