/****** Load Weater *****/
function loadWeather(c_id) {
    var val = '';
    var c_list ='';
    l = arr_weather.length;
    for (i = 0; i < l; i++) {
        if (c_id < l && c_id == i) {
            val = arr_weather[i].title;
            document.getElementById('city').innerHTML = val;
			/*
            if(arr_weather[c_id].dayTemp > 0)
                tem ='+' + arr_weather[c_id].dayTemp + '&nbsp;&deg;C';
            else
			*/
                tem = arr_weather[c_id].dayTemp + '&nbsp;&deg;C';           
                
            document.getElementById('temp').innerHTML = tem;
            i_temp = arr_weather[c_id].pic;
            document.getElementById('img_temp').src = '/images/icon_pogoda/'+i_temp+'.png';
            document.getElementById('img_temp').style.display = 'block';            
            
            createCookie('city_id',arr_weather[i].id,365);
        }
        /* city_list */
        if (c_id != i) {
            c_list += '<a onclick="JavaScript: CityShow(event); loadWeather('+i+'); " class="techlink2">'+arr_weather[i].title+'</a>';
        }       
    }
    document.getElementById('city_list').innerHTML = c_list;
    
    /* add event listener */
    if(document.getElementById('city_list')){
        document.onclick = function(event){
            if(document.getElementById('city_list').style.display == 'block'){
                CityShow(event);
                }
            }
        }   
    return true;
}

function CityShow(e){
    stopB(e);
    Toggle();
    return false;
}

function Toggle(){
    if(document.getElementById('city_list').style.display == 'block')
    {
        document.getElementById('str_img').src = '/images/all_region.gif';
    }
    else{
        document.getElementById('str_img').src = '/images/all_region_up.gif';
    }   
    document.getElementById('city_list').style.display = (document.getElementById('city_list').style.display=='block') ? 'none' : 'block';
    document.getElementById('city_current').className = (document.getElementById('city_list').style.display=='block') ? 'city_current on' : 'city_current';
    return false;
}

function initW(){
    /* load weather box from cookes*/
    var str_id = readCookie('city_id');
    var city_id;

    if(str_id)
    {
        for (j = 0; j < arr_weather.length; j++)
        {
            if(arr_weather[j].id == str_id)
            {
                city_id = j;
                break;
            }
        }
    } 
    
    if(!city_id)
    {
        for (j = 0; j < arr_weather.length; j++)
        {
            if(arr_weather[j].id == 'UPXX0017')
            {
                city_id = j; //city default
                break;
            }
        } 
        
    }   
    loadWeather(city_id);
}

/* Cookes */
function createCookie(name,value,days) {
 if (days) {
 var date = new Date();
 date.setTime(date.getTime()+(days*24*60*60*1000));
 var expires = "; expires="+date.toGMTString();
}
 else var expires = "";
 document.cookie = name+"="+value+expires+"; domain=."+domain+"; path=/";
}

function readCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for(var i=0;i < ca.length;i++) {
 var c = ca[i];
 while (c.charAt(0)==' ') c = c.substring(1,c.length);
 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
 return null;
}
/* end Cookes */ 
function stopB(e) {
    if (!e) {
        e = window.event;
    }
    e.cancelBubble = true;
}