var imagePath="http://nxcache.nexon.net/mabinogi/images/downloads/screenshot_images";

var prevCategoryNo;
var prevDetailNo;

var countOfSmall = new Array();

countOfSmall[1] = 14;
countOfSmall[2] = 10;
countOfSmall[3] = 9;
countOfSmall[4] = 10;
countOfSmall[6] = 5;

function LoadCateogy(categoryNo, detailNo)
{



    var p_tabDiv ;
    
    if(prevCategoryNo> 0 ){
            document.getElementById("title_"+prevCategoryNo+"_"+prevDetailNo).style.display="none";
            p_tabDiv = document.getElementById("tab_"+prevCategoryNo);
            
            
    }
    else{
            document.getElementById("title_01_01").style.display="none";
            p_tabDiv = document.getElementById("tab_01");
            
    
    }
    
    p_tabDiv.src = p_tabDiv.src.replace("_hv","_nm");
    var tabNo;
    if (categoryNo<10)
        tabNo = "0"+categoryNo;
    else
        tabNo = categoryNo;
    
    var c_tabDiv = document.getElementById("tab_"+tabNo);
    c_tabDiv.src = c_tabDiv.src.replace("_nm","_hv");
    LoadDetail(categoryNo, detailNo);
    
    if(detailNo==0)
    {
        document.getElementById("title_01_01").style.display="none";
        document.images.LargeImage.src= imagePath +"/large/screens_lg_comingsoon.gif";
        document.getElementById("SamllShots").innerHTML = "";
        document.getElementById("SamllShots").style.height="0px";  
            
    
    
    }else
    {
        
        LoadSmallImageGroup(categoryNo, detailNo);
    }
    
}

function LoadDetail(categoryNo, detailNo)
{
    if (categoryNo<10)
        categoryNo = "0"+categoryNo;
    if (detailNo <10)
        detailNo = "0" + detailNo;
    
    if(detailNo==0){

    }else
    {
        document.images.LargeImage.src= imagePath +"/large/screens_lg_"+categoryNo+"_"+detailNo+".jpg";
        document.getElementById("title_"+categoryNo+"_"+detailNo).style.display="inline";
    }

    prevCategoryNo=categoryNo;
    prevDetailNo=detailNo;
    //http://nxcache.nexon.net/mabinogi/images/downloads/screenshot_images/large/screens_lg_03_01.jpg
    //http://nxcache.nexon.net/mabinogi/images/downloads/screenshot_images/small/screens_sm_03_01.jpg
}
function LoadSmallImageGroup(categoryNo, detailNo)
{
    var sDiv = document.getElementById("SamllShots");
    
    var a,b,strHtml;

    strHtml="";
    if (categoryNo<10)
        b = "0"+categoryNo;
    else
        b=categoryNo;
    for (var i=1; i<= countOfSmall[categoryNo]; i++)
    {
        if (i <10)
            a = "0" + i;
        else
            a=i;
        
        if (i == detailNo)
            strHtml += "<span id=\"small0\" class=\"screensBorder\"><a href=\"javascript:LoadCateogy("+categoryNo+", "+i+");\"><img src='"+imagePath+"/small/screens_sm_"+b+"_"+a+".jpg'></a></span>";
        else
            strHtml += "<span id=\"small0\" class=\"screensBorderHv\"><a href=\"javascript:LoadCateogy("+categoryNo+", "+i+");\"><img src='"+imagePath+"/small/screens_sm_"+b+"_"+a+".jpg'></a></span>";
        
    }
    sDiv.innerHTML = strHtml;
    var frameHeight = parseInt(countOfSmall[categoryNo]/5);
    if(countOfSmall[categoryNo]%5 >0)
        frameHeight=frameHeight+1;

    frameHeight = 60*frameHeight;
    sDiv.style.height=frameHeight+"px";  

}