function move(obj,num)
{
    if(obj == 'g')
    {
        for(var i=1;i<5;i++)
        {
            if(i == num)
            {
                document.getElementById("div"+num).className = "divHover backHover";
                document.getElementById("divChild"+num).style.display="block";
            }
            else
            {
                document.getElementById("div"+i).className="divOut";
                document.getElementById("divChild"+i).style.display="none";
            }
        }
    }
   if(obj == 's')
    {
        for(var i=5;i<9;i++)
        {
            if(i == num)
            {
                document.getElementById("div"+num).className = "divHover shopBack";
                document.getElementById("divChild"+num).style.display = "block";
            }
            else
            {
                document.getElementById("div"+i).className = "divOut";
                document.getElementById("divChild"+i).style.display = "none";
            }
        }
    }
}

function imgMove(num)
{
    if(num == 1)
    {
        document.getElementById("img1").className = "imgjp1";
        document.getElementById("img2").className = "imgmr2";
        document.getElementById("img3").className = "imgjj2";
        show(1,3);
    }
    if(num == 2)
    {
        document.getElementById("img1").className = "imgjp2";
        document.getElementById("img2").className = "imgmr1";
        document.getElementById("img3").className = "imgjj2";
        show(2,3);
    }
    if(num == 3)
    {
        document.getElementById("img1").className = "imgjp2";
        document.getElementById("img2").className = "imgmr2";
        document.getElementById("img3").className = "imgjj1";
        show(3,3);
    }
    
}

function MSimgMove(num)
{
    if(num == 1)
    {
        document.getElementById("img1").className = "mr1";
        document.getElementById("img2").className = "cz2";
        document.getElementById("img3").className = "mf2";
        document.getElementById("img4").className = "ss2";
        show(1,4);
    }
    if(num == 2)
    {
        document.getElementById("img1").className = "mr2";
        document.getElementById("img2").className = "cz1";
        document.getElementById("img3").className = "mf2";
        document.getElementById("img4").className = "ss2";
        show(2,4);
    }
    if(num == 3)
    {
        document.getElementById("img1").className = "mr2";
        document.getElementById("img2").className = "cz2";
        document.getElementById("img3").className = "mf1";
        document.getElementById("img4").className = "ss2";
        show(3,4);
    }
    if(num == 4)
    {
        document.getElementById("img1").className = "mr2";
        document.getElementById("img2").className = "cz2";
        document.getElementById("img3").className = "mf2";
        document.getElementById("img4").className = "ss1";
        show(4,4);
    }
}



var e,h=0
function show(num,max) 
{ 
  
  for(var j=1;j<=max;j++)
  {
  
    if(j==num)
    {
        e = document.getElementById("imgChild"+num);
    }
    else
    {
         document.getElementById("imgChild"+j).style.display = "none";
    }
  }
  e.style.display = "block";
} 
//function alphas() 
//{ 

//    if(h> 100) 
//    { 
//        h=100 
//        return;
//    } 
//    if(h <0) 
//    { 
//        h=0 
//        return
//    } 
//    h+=10 

//    e.style.filter= "alpha(opacity= "+h+") "; 

//    setTimeout( "alphas()",100); 
//    return;
//}