// <summary>
//     Product:        Enewspaper
//     Classname:    	Java Script
//     Version:        02.02 
//     Programmer:     Elham Esmaieli[elhamesmaieli@gmail.com] 
//     Purpose: 
//         All required JS to make HTML page dynamic.
// 
//     Copyright 2009 by Digital Secure Co. All Rights Reserved. 
// </summary>
// <IsMultiEdition>False</IsMultiEdition>
// <classVersion>004</classVersion>
// <EditingHistory>
//     Name:       Elham
//     Date:       11 May, 2009
//     Reason of change :
//         - Correct images path in some function.
// </EditingHistory>
// <EditingHistory>
//     Name:       Elham
//     Date:       13 May, 2009
//     Reason of change :
//         - Difine "ShowHideObjectFirstPage" functions.
// </EditingHistory>
// <EditingHistory>
//     Name:       Elham
//     Date:       17 May, 2009
//     Reason of change :
//         - Add inpSts variable.
//         - Edite "ShowHideObjectFirstPage" functions.
//         - Add "setInputImg" functions
// </EditingHistory>
// <EditingHistory>
//     Name:       Elham
//     Date:       20 Jun, 2009
//     Reason of change :
//         - Editing "createImageMap()" & "createImageMap4ImageNews()" function to show border in correct position
// </EditingHistory>
// <EditingHistory>
//     Name:       Elham
//     Date:       29 Jun, 2009
//     Reason of change :
//         - Editing "showHideNewsTitle()" & "showHidePageIndex()" function to handel multiple newspaper service.
// </EditingHistory>
// <EditingHistory>
//     Name:       Elham
//     Date:       19 July, 2009
//     Reason of change :
//         - Some changes in ShowHideObject() function and define HideMenuPanel() function.
// </EditingHistory>
// <EditingHistory>
//     Name:       Elham
//     Date:       27 July, 2009
//     Reason of change :
//         - Add "showNewsLink()", "geting()" function to make direct news link work.
// </EditingHistory>
// <EditingHistory>
//     Name:       Elham
//     Date:       29 July, 2009
//     Reason of change :
//         - Active "setAllHeightByImageSize()" to solve the problem of resizable height by newspaper image height.
//         - Make 'browserVer' variable global to use it for solving header top gap defrences in Firefox and IE.
// </EditingHistory>
//     Name:       Elham
//     Date:       05 August 2009
//     Reason of change :
//         - Some changes in "putNextPagging" & "putPrevPagging" functions
// </EditingHistory>
// </EditingHistory>
//     Name:       Elham
//     Date:       09 August 2009
//     Reason of change :
//         - Add 2 functions: "showAllNews()" and "showListNews()"
// </EditingHistory>
// </EditingHistory>
//     Name:       Elham
//     Date:       15 August 2009
//     Reason of change :
//         - Add functions: "showHideAboutUs()"
// </EditingHistory>
// </EditingHistory>
//     Name:       Elham
//     Date:       16 August 2009
//     Reason of change :
//         - correct some code in "showHideAboutUs()"
// </EditingHistory>
// </EditingHistory>
//     Name:       Anisa
//     Date:       22 August 2009
//     Reason of change :
//         - update "hideArchiveDiv" function to ignore 'day' parameter
// </EditingHistory>
// </EditingHistory>
//     Name:       Elham
//     Date:       22 August 2009
//     Reason of change :
//         - Edit "setAllHeightByImageSize(imgH)" function to solved thumbnail js error.
// </EditingHistory>
// </EditingHistory>
//     Name:       Anisa
//     Date:       24 August 2009
//     Reason of change :
//         - Update 'showNewsLink' function in order to return 'window.location' instead of
//            'window.location + '?NewsID=' + LastNewsContent; because it has got the url of the news!
// </EditingHistory>
// <EditingHistory>
//     Name:       Anisa
//     Date:       07 September, 2009
//     Reason of change :
//         - 'showNewsLink' is updated (getBewsId function is called)
// </EditingHistory>

var panState = '';//Keeps div id of opened sub title pan
var LastNewsContent = '0'; //A global variable to always keeps last news content id
var LastSubMenu = '';//Keeps Last Sub menu id
var LastSubMenuFirst = '';//Keeps Last Sub menu id in First page
var inpSts = true;
var browserVer = navigator.appName;
var aboutusSts = false;

/* -------Global Functions------------  */
//This function returns an object by id
/*function document.getElementById(id){
    return document.getElementById(id);
}*/

//This function changes the background image of next and previous buttons
function buttonBgOverOut(imgId, imgSrc){
    document.getElementById(imgId).src='url(' + imgSrc + ')';
}

//This function found an index number of array member
function arrayMemberIndexNumber(mem){
    var len = paggingArray.length;
    var memInx;
    for(var i=0; i<len; i++){
        if(paggingArray[i] == mem){
            memInx = i;
            break;
            }
    }
    return memInx;
}

//This function changes the image src by 'this' method
function ImageOverOut(img, imgSrc){
    img.src = imgSrc;
}

//This function make highlight btn during mouse over
function buttonImgOverOut(imgId, imgSrc){
    document.getElementById(imgId).src = imgSrc;
}

//This function change class name
function changeClass(objId, objClass){
    document.getElementById(objId).className = objClass;
}

//This function gets object id and makes an array of all tagName which choosed
function getObjectIdMakeArray(item, tagName){
    if (typeof(item) == "string"){
        if (document.getElementById(item) != null)
            return document.getElementById(item).getElementsByTagName(tagName);
        else
            return null;
    }
    else{
        if (item.getElementsByTagName != null){
            return item.getElementsByTagName(tagName);
        }
        else{
           return null; 
        }
    }
}

//This function get the object data and copy in clipboard
function geting(objId){
    var v = document.getElementById(objId).value;
    document.getElementById(objId).select();
    clipboardData.setData('Text',v);    
}

window.fCopyToClipboard = 
function(rSource){
  rSource.select();
  if(window.clipboardData){ 
    var r=clipboardData.setData('Text',rSource.value); return 1; }
  else return 0
}


/* -------Menu Related Functions----  */
function hideLastSubMenu(last, sr){
    document.getElementById(last).style.display = 'none';
    var l = sr.indexOf('AsreErtebatat');
    var m = sr.substring(0,l);
    
    buttonImgOverOut(last+'Icn', m+'AsreErtebatat_'+last+'.jpg');
    
}

//This function Use to show or hide an object
function HideMenuPanel(imgSrc){    
    if(LastSubMenu != '' && LastSubMenu!= null)
            hideLastSubMenu(LastSubMenu, imgSrc);
    LastSubMenu = '';
}

//This function Use to show or hide an object
function ShowHideObject(objId, imgSrc){    
    var c = document.getElementById(objId).style.display;
    var v = document.getElementById(objId).style.visibility;
        
    if(LastSubMenu != '' && LastSubMenu!= null)
        hideLastSubMenu(LastSubMenu, imgSrc);
        
    if (c == 'block' && v == 'hidden'){
        document.getElementById(objId).style.visibility = 'visible';
        document.getElementById(objId).style.display = 'block';
        ImageOverOut(this, imgSrc+'.jpg');
        LastSubMenu = objId;
        return;
    }
        
    if (c == 'none'){
        document.getElementById(objId).style.display = 'block';
        ImageOverOut(this, imgSrc+'.jpg');
        LastSubMenu = objId;
        }
    else{
        document.getElementById(objId).style.display = 'none';
        ImageOverOut(this, imgSrc+'Over.jpg');
        }        
}

//This function Use to show or hide an object
function ShowHideObjectFirstPage(objId){
    var c = document.getElementById(objId).style.display;
    
    if(LastSubMenuFirst != objId)
        inpSts = true;
    
    if(LastSubMenuFirst != '' && LastSubMenuFirst!= null)
        document.getElementById(LastSubMenuFirst).style.display = 'none';           
    if (c == 'none'){
        document.getElementById(objId).style.display = 'block';
        LastSubMenuFirst = objId;        
        }
    else{
        document.getElementById(objId).style.display = 'none';        
        }     
}

function setInputImg(){
    document.getElementById('pageTreeBtn').src = pth + 'images/firstPage/AsreErtebatat_pageTreeBtn.jpg';
    document.getElementById('archiveBtn').src = pth + 'images/firstPage/AsreErtebatat_archiveBtn.jpg';
    if(LastSubMenuFirst != '' && LastSubMenuFirst!= null){
        if (inpSts) {
            document.getElementById(LastSubMenuFirst + 'Btn').src = pth + 'images/firstPage/AsreErtebatat_' + LastSubMenuFirst + 'BtnOver.jpg';
            inpSts = false;
            return null;
        }
        else {
            document.getElementById(LastSubMenuFirst + 'Btn').src = pth + 'images/firstPage/AsreErtebatat_' + LastSubMenuFirst + 'Btn.jpg';
            inpSts = true;
        }
    }
}

/* -------Pagging Number Related Functions----  */
//This function make highlight pagging number by clicking
function changePageNumber(){
    var len = document.getElementById('pageNumberHolder').childNodes.length;
    for(var i=0; i<len; i++){       
        if(document.getElementById('pageNumberHolder').childNodes.item(i).className == 'paggNumberingHolderSelected white'){
            document.getElementById('pageNumberHolder').childNodes.item(i).className = 'paggNumberingHolder black';
            break;
        }        
    }    
}

//This function creat next pagging button in both conditions, disabled or enabled
function putNextPagging(nextParam, src){
    if (nextPageURL == ''){
        document.getElementById('next').innerHTML +=    '<img src="' + src + 'images/pagging/AsreErtebatat_nextDis.jpg" width="41" height="35" border="0" alt="صفحه بعدی" title="صفحه بعدی"/>';
    }
    else{    
        document.getElementById('next').innerHTML +=    '<img src="' + src + 'images/pagging/AsreErtebatat_next.jpg" width="41" height="35" border="0" alt="صفحه بعدی" title="صفحه بعدی" class="pointer" onclick="goUrl(\'' + nextParam + '\');" />';
    }      
}

//This function creat previous pagging button in both conditions, disabled or enabled
function putPrevPagging(prevParam, resource) {
    if (prevParam == ''){
        document.getElementById('prev').innerHTML +=    '<img src="' + resource + 'images/pagging/AsreErtebatat_backDis.jpg" width="41" height="35" border="0" alt="صفحه قبلی" title="صفحه قبلی"/>';
    }
    else{ 
        document.getElementById('prev').innerHTML  +=   '<img src="' + resource + 'images/pagging/AsreErtebatat_back.jpg" width="41" height="35" border="0" alt="صفحه قبلی" title="صفحه قبلی" class="pointer" onclick="goUrl(\'' + prevParam + '\');" />';
    }       
}

/* -------Set Page Height----  */
//This function set the height of all effected element height by newspaper image height
function setAllHeightByImageSize(imgH){            
    if(imgH > 580 ){
        var d = (parseInt(imgH)) - 580;                
        document.getElementById('mapNewsPaperHolder').style.height = (580 + d) + 'px';
        if(document.getElementById('holder'))
            document.getElementById('holder').style.height = (580 + d) + 'px';
        document.getElementById('mapDivHolder').style.height = (580 + d) + 'px';
        document.getElementById('bodyHolder').style.height = (677 + d) + 'px';
    }
}

//This function set the height of all effected element height by newspaper image height
function setInternalHeightSize(imgH){
    /*
    $('internalBodyHolder').style.height = imgH + 'px';
    $('internalRightSidebar').style.height = imgH + 'px';
    $('internalMainBody').style.height = (parseInt(imgH) - 1) + 'px';
    $('internalLeftSidebar').style.height = imgH + 'px';
    
    $('pageContentHolder').style.height = (parseInt(imgH) - 51) + 'px';    
    $('rSide').style.height = (parseInt(imgH) - 12) + 'px';    
    $('rSideIn').style.height = (parseInt(imgH) - 12) + 'px';
    $('lSide').style.height = (parseInt(imgH) - 12) + 'px';    
    $('lSideIn').style.height = (parseInt(imgH) - 12) + 'px';    
    */
}

/* -------Show and hide right pan tree------------  */
//--------Main title------This function expand and collaps the main papaer title side pan menu
function showHideNewsTitle(divId, HTMLResourcePath){
    stsN = document.getElementById(divId).style.display;
    if(stsN == 'none'){
        document.getElementById(divId).style.display = 'block';
        document.getElementById('tree_' + divId).src = HTMLResourcePath + 'images/serviceTree/AsreErtebatat_MenuArrow.jpg';
        return;
        }
    else if(stsN == 'block'){
        document.getElementById(divId).style.display = 'none';
        document.getElementById('tree_' + divId).src = HTMLResourcePath + 'images/serviceTree/AsreErtebatat_MenuBullet.jpg';   
        return;
        }     
}

//-------Sub title------This function expand and colaps sub title of side pan
function showHidePageIndex(par, divId, HTMLResourcePath) {
    
    var objParent = document.getElementById(divId).parentNode.id;
    
    //panState holds the open pan div id but it shouldn't be equal to current div id to close it 
    if ((panState != '') && (panState != divId)){
        document.getElementById(panState).style.display = 'none';
        document.getElementById('tree_'+par+panState).src = HTMLResourcePath + 'images/serviceTree/AsreErtebatat_MenuBullet.jpg';
    } 
    //sts holds the status of div pan display 
    sts = document.getElementById(divId).style.display;    
    //show and hide status of div pan
    if(sts == 'none'){
        document.getElementById(par+divId).style.display = 'block';        
        document.getElementById('tree_'+par+divId).src = HTMLResourcePath + 'images/serviceTree/AsreErtebatat_MenuArrow.jpg';
        document.getElementById(objParent).style.display = 'block';
        document.getElementById('tree_'+objParent).src = HTMLResourcePath + 'images/serviceTree/AsreErtebatat_MenuArrow.jpg'; 
        panState = divId;
        return;
        }
    else if(sts == 'block'){
        document.getElementById(par+divId).style.display = 'none';        
        document.getElementById('tree_'+par+divId).src = HTMLResourcePath + 'images/serviceTree/AsreErtebatat_MenuBullet.jpg';
        return;
        }        
}





/* -------News Content Related Functions----  */
//This function hides all news content Div
function hideAllContentDiv(){
    var items = getObjectIdMakeArray("allContent", "div");
    for (var i = 0; i < items.length; i++){
        document.getElementById(items[i].id).style.display = 'none';
    }	    
}


//This function visible the Content Div
function showNewsContentDiv(){
    newsTitleSts = document.getElementById('newsContentHolder').style.display;
    hideLastHighlight();
    document.getElementById('newsContentHolder').style.display = 'block';
}

function hideNewsContentDiv(){    
    hideLastHighlight();
    document.getElementById('newsContentHolder').style.display = 'none';        
    LastNewsContent = '0';// set lastNewsContent to zero(empty)
}

//This function show highlight map area border by getting an ID
function lightContent(divId){
    showHighlightImageMap('map_' + divId);
}

//This function hide highlight map area border by getting an ID
function hideLightContent(divId){
    hideHighlightImageMap('map_' + divId);
}

//This function first hides last news map highlight, newspaper headlines and all newsContent except the current news content
//It works on clicking each map area highlight
function showContentForArea(divId, WebPath, nwsType, nwsURL) {
    // hold current active news id.

    if (nwsType == 3)
    {
        goUrlInNewWindow(nwsURL);
    }
    else {
        SetCurrentNewsID(divId, WebPath);
        hideLastHighlight(); //hide last map area highlight
        LastNewsContent = 'newsContent_' + divId;
        hideAllContentDiv();
        showNewsContentDiv();
        document.getElementById('content_' + divId).style.display = 'block';
        showHighlightImageMap('map_' + divId);
    }
}

//This function first hides last news map highlight, newspaper headlines and all newsContent except the current news content
//It works on clicking each map area highlight
function showImageForArea(divId,URLAddress){    
    goUrlInNewWindow(URLAddress);
}

function setMapWidth(w){
    wt = parseInt(w);
    if(wt < 834)
        document.getElementById('mapDivHolder').style.width =  wt + 'px';   
}

/* -------Redirect to specific URL address ------------ */
//This function gets a url and changes pages url by that
function goUrl(URLAddress) {
    if (URLAddress != "") {
      document.location.href = URLAddress;
    }
  }
  
//This function gets a url aand open it in new window
function goUrlInNewWindow(URLAddress) {
    if (URLAddress != "") {
      window.open(URLAddress);
    }
  } 
  
//This function gets the global variable value to hide previous map area highlight
function hideLastHighlight(){
    if (LastNewsContent != 0){
        i = getNewsId(LastNewsContent);
        lni = 'map_' + i;
        document.getElementById(lni).style.border='none';
    }
}

//This function gets coords of map shape and creates a div element for each one and by newsId parameters gives them a unice id
//in onmouseover event calls "showHighlightImageMap(divId)" to highlight the div
//in onmouseout event calls "hideHighlightImageMap(divId)" to hide div
//in onclick event calls "showContentForArea(newsId)" to show related news content
function createImageMap(xyStr, newsId, WebPath, nwsType, nwsURL) {
    var xy = new Array();
    for (var i = 0; i < 3; i++) {
        f = xyStr.indexOf(',');
        xy[i] = xyStr.substring(0, f);
        xyStr = xyStr.substring(f + 1);
    }
    xy[3] = xyStr;
    w = parseInt(xy[2]) - parseInt(xy[0]);
    h = parseInt(xy[3]) - parseInt(xy[1]);
    xy[0] = parseInt(xy[0]) - 4;
    xy[1] = parseInt(xy[1]) - 4;
    document.getElementById('mapDivHolder').innerHTML += '<div id="map_' + newsId + '" style="position:absolute; left:' + xy[0] + 'px; top:' + xy[1] + 'px; width:' + w + 'px; height:' + h + 'px; " onmouseover="showHighlightImageMap(\'map_' + newsId + '\');"  onmouseout="hideHighlightImageMap(\'map_' + newsId + '\');" onclick="showContentForArea(\'' + newsId + '\' , \'' + WebPath + '\' , \''+nwsType+'\' , \''+ nwsURL +'\');">&nbsp;</div>';
}


//This function gets coords of map shape and creates a div element for each one and by newsId parameters gives them a unice id
//in onmouseover event calls "showHighlightImageMap(divId)" to highlight the div
//in onmouseout event calls "hideHighlightImageMap(divId)" to hide div
//in onclick event calls "showImageForArea(newsId)" to show related news content
function createImageMap4ImageNews(xyStr, newsId ,URLAddress){    
    var xy = new Array();
    for(var i=0; i<3; i++){
        f = xyStr.indexOf(',');
        xy[i] = xyStr.substring(0,f);
        xyStr = xyStr.substring(f+1); 
    }
    xy[3] = xyStr;			    
    w = parseInt(xy[2]) - parseInt(xy[0]);
    h = parseInt(xy[3]) - parseInt(xy[1]);
    xy[0] = parseInt(xy[0]) - 4;
    xy[1] = parseInt(xy[1]) - 4; 
    document.getElementById('mapDivHolder').innerHTML += '<div id="map_'+ newsId +'" style="position:absolute; left:' + xy[0] + 'px; top:' + xy[1] + 'px; width:' + w + 'px; height:' + h + 'px; " onmouseover="showHighlightImageMap(\'map_'+ newsId +'\');"  onmouseout="hideHighlightImageMap(\'map_'+ newsId +'\');" onclick="showImageForArea(\''+ newsId +'\' , \''+ URLAddress+ '\')">&nbsp;</div>';    
}

//This function checks div and if it is not the current highlight div for current news content makes it hidden
function hideHighlightImageMap(divId){
    i = getNewsId(LastNewsContent);
    lni = 'map_' + i;
    if(lni != divId){
        document.getElementById(divId).style.border = 'none';
        document.getElementById(divId).style.cursor = 'default';
        }
}

//This function highlights div by gives it a background color 
function showHighlightImageMap(divId){
    document.getElementById(divId).style.border = 'solid 4px #ffcc00'; 
    document.getElementById(divId).style.cursor = 'pointer';  
}

//This function gets "LastNewsContent" global variable value to finds the last news Id
function getNewsId(newsContentId){
    u = newsContentId.indexOf('_');
    n = newsContentId.substring(u+1);
    return n;
}

//Pass the query string parametre to this function to get the value
function querySt(str) {
    hu = window.location.search.substring(1);
    if(hu == '')
    {
        return '';
    }
    gy = hu.split("?");
    for (i=0 ; i<gy.length ;i++) 
    {
        ft = gy[i].split("=");
        if (ft[0] == str) 
        {
            return ft[1];
        }
    }
    return '';
}    

// This function get URL Base and make print version link
// note : if news ID avalable
function goPrintVersion(URLBase) {
    if (LastNewsContent != '0') 
    {
      goUrlInNewWindow(URLBase + LastNewsContent);
    }
    else
    {
        alert('لطفاً یک خبر را انتخاب کنید');
    }
  } 



/* ------- display Archive Div ------------ */  
var archiveSts = false;
//This function visible the archive date drop down list by clicking on 'بایگانی'
function showArchiveDiv(){
    if(!archiveSts){
        document.getElementById('archiveHolder').style.display = 'block';
        archiveSts = true;
        return;
    }
    else{
        document.getElementById('archiveHolder').style.display = 'none';
        archiveSts = false;
        return;
    }
}

//This function visible the archive date drop down list by clicking on search button
function hideArchiveDiv(){
    var year = document.getElementById('ddlYear').options[document.getElementById('ddlYear').selectedIndex].value;
    var month = document.getElementById('ddlMonth').options[document.getElementById('ddlMonth').selectedIndex].value;
    var newspaperNumber = document.getElementById('ddlNewspaperNumber').options[document.getElementById('ddlNewspaperNumber').selectedIndex].value;
    //var day = $('ddlDay').options[$('ddlDay').selectedIndex].value;
          
    if ( year == '' || month == '' || newspaperNumber=='')
        return;
    else{
        document.getElementById('archiveHolder').style.display = 'none';
        archiveSts = false;
    }
}


//This function make move icon hidden if the browser would be Net scape
function hideMoveIcn(){              
    if (browserVer == 'Netscape'){        
        document.getElementById('movmentIcn').style.display = 'none';
        /*$('movmentTxt').style.display = 'none';*/
        }
    else        
        return;
}

//This function make move icon hidden if the browser would be Net scape
function hidePdfIcn(prm){    
    if (prm != '')
        document.getElementById('pdfIcn').style.display = 'block';
    else        
        return;
}

function hideWordIcn(prm) {
    if (prm != '')
        document.getElementById('wordIcn').style.display = 'block';
    else
        return;
}

//This function help page number to be sorted correctly by numeric value. 
function sortNumber(a,b){
    return a - b;
}



//This function genareted sorted page numbering html code
var pageNumbers = new Array();
var pageLink;
var i = 0;
var selectPage;
          
function creatPaggingNumber(){
    var end = pageNumbers.length;    
    pageNumbers.sort(sortNumber);
    for(var i=0; i<end; i++){
        var tdTag = document.createElement("td");   
        tdTag.align ="center";
        if(pageNumbers[i] == selectPage){              
            tdTag.innerHTML = "<div class='paggNumberingHolderSelected white'><div style='padding-top:17px;'>" + pageNumbers[i] + "</div></div>";   
        }
        else{            
            var c = pageLink.indexOf('Page/');
            c = parseInt(c) + 5;
            var link = pageLink.substring(0,c);                        
            link = link + pageNumbers[i] + '/Index.stm';                       
            tdTag.innerHTML = "<div onclick='goUrl(\"" + link + "\");' class='paggNumberingHolder black' onmouseover='this.className=\"paggNumberingHolderOver white\"' onmouseout='this.className=\"paggNumberingHolder black\"'><div style='padding-top:17px;'>" + pageNumbers[i] + "</div></div>";   
        }  
        
        document.getElementById('pageNumberHolder').appendChild(tdTag); 
    }         
}


/* ------- Confirm News Direct Link ------------ */  
var newsLinkSts = false;
var str = new String();
//This function visible the archive date drop down list by clicking on 'بایگانی'
function showNewsLink(objId){
    str = window.location + '?NewsID=' + getNewsId(LastNewsContent);
    document.getElementById(objId).value = str;
    x = window.confirm(str + '\n\n  کپی شود؟ clipboard آیا در');
    if(x)        
        geting(objId);
    else
        return;
}


/* ------- News List and All News ------------ */  
function showAllRSS(){
    document.getElementById('RSSAll').style.display='block'; 
    document.getElementById('allRSS').className = 'white pointer';
    document.getElementById('RSSList').style.display = 'none';
    document.getElementById('listRSS').className = 'gray pointer';
}

function showListRSS(){
    document.getElementById('RSSList').style.display = 'block';
    document.getElementById('listRSS').className = 'white pointer';
    document.getElementById('RSSAll').style.display='none'; 
    document.getElementById('allRSS').className = 'gray pointer';
}

/* ------- RSS and Full RSS ------------ */
function showAllNews() {
    document.getElementById('newsAll').style.display = 'block';
    document.getElementById('all').className = 'white pointer';
    document.getElementById('newsList').style.display = 'none';
    document.getElementById('list').className = 'gray pointer';
}

function showListNews() {
    document.getElementById('newsList').style.display = 'block';
    document.getElementById('list').className = 'white pointer';
    document.getElementById('newsAll').style.display = 'none';
    document.getElementById('all').className = 'gray pointer';
}

/* ------- About US ------------ */  
function showHideAboutUs(){    
    if(aboutusSts){
        document.getElementById('aboutus').style.display = 'none';
        aboutusSts = false;
        return;
        }
    else if(!aboutusSts){
        document.getElementById('aboutus').style.display = 'block';
        aboutusSts = true;        
        return;
        }
}

function mouseMoveAboutUs(){
    if(document.getElementById('aboutus').style.display == 'block'){
        aboutusSts = true; 
        return;
        }
    else if(document.getElementById('aboutus').style.display == 'none'){
        aboutusSts = false;
        return;
        }
}