function switch_packageMenu(curr_id, total_num) 
{        
    for(var i=0; i<total_num; i++)
    {
        var country_sub = document.getElementById('package_country_sub_'+i);
        var city_sub = document.getElementById('package_city_sub_0_'+i);
        var img = document.getElementById('package_menu_'+i);

        if(i == curr_id) 
        {
            country_sub.style.display = "block";
            img.src = "images/package_cate"+(i+1)+"a.jpg";  
            switch_packageDefaultConutry(curr_id);  
        }
        else
        {
            country_sub.style.display = "none";
            img.src = "images/package_cate"+(i+1)+".jpg";
        }                          
    }
}

function switch_packageSubMenu(curr_product_id, curr_country_id)
{
    var totalNumOfLongHaul = 16;
    var totalNumOfAsia = 12;
    var totalNumOfChinaLong = 1;
    var totalNumOfChinaShort = 1;

    //debugger;

    switch(curr_product_id)
    {
        case 0:
            for(var i=0; i<totalNumOfLongHaul; i++)
            {                
                if(i < 9)
                   var img = document.getElementById('long_haul_cate_0'+(i+1));
                else
                   var img = document.getElementById('long_haul_cate_'+(i+1));
            
                if(i == curr_country_id)
                {          
                     if(i < 9)                                                          
                        img.src = "Images/CountryImage/long_haul_cate_0"+(i+1)+"a.jpg";                                             
                     else
                        img.src = "Images/CountryImage/long_haul_cate_"+(i+1)+"a.jpg";                                           
                                                                 
                    var cityDiv = document.getElementById('package_city_sub_0_' + i);
                    cityDiv.style.display = "block";                                         
                }
                else
                {
                     if(i < 9)                                     
                        img.src = "Images/CountryImage/long_haul_cate_0"+(i+1)+".jpg";
                     else
                        img.src = "Images/CountryImage/long_haul_cate_"+(i+1)+".jpg";
                
                    var cityDiv = document.getElementById('package_city_sub_0_' + i);
                    
                    if(cityDiv != null)
                        cityDiv.style.display = "none";
                }
            }
        break;
        case 1:
             for(var i=0; i<totalNumOfAsia; i++)
            {                
                if(i < 9)
                   var img = document.getElementById('asia_cate_0'+(i+1));
                else
                   var img = document.getElementById('asia_cate_'+(i+1));
            
                if(i == curr_country_id)
                {          
                     if(i < 9)                                                          
                        img.src = "Images/CountryImage/asia_cate_0"+(i+1)+"a.jpg";                                             
                     else
                        img.src = "Images/CountryImage/asia_cate_"+(i+1)+"a.jpg";                                           
                                                                 
                    var cityDiv = document.getElementById('package_city_sub_1_' + i);
                    cityDiv.style.display = "block";                                         
                }
                else
                {
                     if(i < 9)                                     
                        img.src = "Images/CountryImage/asia_cate_0"+(i+1)+".jpg";
                     else
                        img.src = "Images/CountryImage/asia_cate_"+(i+1)+".jpg";
                
                    var cityDiv = document.getElementById('package_city_sub_1_' + i);
                    
                    if(cityDiv != null)
                        cityDiv.style.display = "none";
                }
            }
        break;
        case 2:
            for(var i=0; i<totalNumOfChinaLong; i++)
            {
                if(i == curr_country_id)
                {
                    var cityDiv = document.getElementById('package_city_sub_2_' + curr_country_id);
                    cityDiv.style.display = "block";
                }
                else
                {
                    var cityDiv = document.getElementById('package_city_sub_2_' + curr_country_id);
                    cityDiv.style.display = "none";
                }
            }
        break;
        case 3:
             for(var i=0; i<totalNumOfChinaLong; i++)
            {
                if(i == curr_country_id)
                {
                    var cityDiv = document.getElementById('package_city_sub_3_' + curr_country_id);
                    cityDiv.style.display = "block";
                }
                else
                {
                    var cityDiv = document.getElementById('package_city_sub_3_' + curr_country_id);
                    cityDiv.style.display = "none";
                }
            }
        break;
        default:
            
    }    
}

function switch_packageDefaultConutry(product_id)
{
    //const var long_haul = 13;
    //const var asia = 12;
    //const var china_long = 1;
    //const var china_short = 1;
    
    //long_haul_cate_01.jpg
    //asia_cate_01.jpg
    //china_long_cate_01.jpg
    //china_short_cate_01.jpg       
    
    switch(product_id)
    {
        case 0:
            var img = document.getElementById('long_haul_cate_01');
            img.src = "Images/CountryImage/long_haul_cate_01a.jpg";
            show_packageDefaultCity(product_id);
        break;
        case 1:
            var img = document.getElementById('asia_cate_01');
            img.src = "Images/CountryImage/asia_cate_01a.jpg";
            show_packageDefaultCity(product_id);
        break;
        case 2:
            var img = document.getElementById('china_long_cate_01');
            img.src = "Images/CountryImage/china_long_cate_01a.jpg";
            show_packageDefaultCity(product_id);
        break;
        case 3:
            var img = document.getElementById('china_short_cate_01');
            img.src = "Images/CountryImage/china_short_cate_01a.jpg";
            show_packageDefaultCity(product_id);
        break;
        default:
             var img = document.getElementById('long_haul_cate_01');
             img.src = "Images/CountryImage/long_haul_cate_01a.jpg";
             show_packageDefaultCity(product_id);
    }    
}

function show_packageDefaultCity(country_id)
{
    //package_city_sub_0_0        
    
    //Long Haul      - 0
    //Asia           - 0
    //China Long     - 0
    //China Short    - 0
    
    //debugger;  
    
    var long_haul = 14;
    var asia = 12;
    var china_long = 1;
    var china_short = 1;     
    
    var package_city_long_haul = document.getElementById('package_city_long_haul');   
    var package_city_asia = document.getElementById('package_city_asia');    
    var package_city_china_long = document.getElementById('package_city_china_long');   
    var package_city_china_short = document.getElementById('package_city_china_short');    
    
    switch(country_id)
    {
        case 0:
            var city_sub = document.getElementById('package_city_sub_0_0');            
            city_sub.style.display = "block";
            
            package_city_long_haul.style.display = "block";
            package_city_asia.style.display = "none";
            package_city_china_long.style.display = "none";
            package_city_china_short.style.display = "none";
          
            for(var i=1; i<long_haul; i++)
            {     
                var city_sub = document.getElementById('package_city_sub_0_' + i);
                
                if(city_sub != null)                       
                    city_sub.style.display = "none";                
            }
        break;
        case 1:
            var city_sub = document.getElementById('package_city_sub_1_0');
            city_sub.style.display = "block";
            
            package_city_asia.style.display = "block";
            package_city_long_haul.style.display = "none";
            package_city_china_long.style.display = "none";
            package_city_china_short.style.display = "none";
          
            for(var i=1; i<asia; i++)
            {     
                var city_sub = document.getElementById('package_city_sub_1_' + i);
                
                if(city_sub != null)                       
                    city_sub.style.display = "none";                
            }
        break;
        case 2:
            var city_sub = document.getElementById('package_city_sub_2_0');
            city_sub.style.display = "block";
            
            package_city_china_long.style.display = "block";
            package_city_long_haul.style.display = "none";
            package_city_asia.style.display = "none";
            package_city_china_short.style.display = "none";
          
            for(var i=1; i<china_long; i++)
            {     
                var city_sub = document.getElementById('package_city_sub_2_' + i);
                
                if(city_sub != null)                       
                    city_sub.style.display = "none";                
            }            
        break;
        case 3:
            var city_sub = document.getElementById('package_city_sub_3_0');
            city_sub.style.display = "block";
            
            package_city_china_short.style.display = "block";
            package_city_long_haul.style.display = "none";
            package_city_asia.style.display = "none";
            package_city_china_long.style.display = "none";
          
            for(var i=1; i<china_short; i++)
            {     
                var city_sub = document.getElementById('package_city_sub_3_' + i);
                
                if(city_sub != null)                       
                    city_sub.style.display = "none";                
            }
        break;
        default:
            var city_sub = document.getElementById('package_city_sub_0_0');
            city_sub.style.display = "block";
            
            package_city_long_haul.style.display = "block";
            package_city_asia.style.display = "none";
            package_city_china_long.style.display = "none";
            package_city_china_short.style.display = "none";
          
            for(var i=1; i<long_haul; i++)
            {     
                var city_sub = document.getElementById('package_city_sub_0_' + i);
                
                if(city_sub != null)                       
                    city_sub.style.display = "none";                
            }
    }                      
}