function initPage() {
    showLoading();
    getArchive(1);
    getMostPopular(1);
    //getRecentlyAdded(1);
   if (location.hash != "" && location.hash.substr(0, 10) == "#featured_") {
    var fid = parseInt(location.hash.substr(10),10);
    getSingleFeatured(fid);
   }
   else
   {
    getSingleFeaturedBf();
   }
}

var firstFeature = 0;
var divdescList = new Array();

//INETERACTIVES 

function showArchive() {
  document.getElementById("divArchive").style.display = "";
  document.getElementById("divMostPopular").style.display = "none";
  document.getElementById("aArchieve").className = "secTabSel";
  document.getElementById("aMostPopular").className = "secTab"; 
}

function showRecentlyAdded() {
  document.getElementById("divArchive").style.display = "none";
  document.getElementById("divMostPopular").style.display = "none";
  document.getElementById("aArchieve").className = "secTab";
  document.getElementById("aMostPopular").className = "secTab";
}

function showMostPopular() {
  document.getElementById("divArchive").style.display = "none";
  document.getElementById("divMostPopular").style.display = "";
  document.getElementById("aArchieve").className = "secTab";
  document.getElementById("aMostPopular").className = "secTabSel";
}

function expand(id)
{
    var did;
   
   
    for(i=0;i<divdescList.length;i++)
    {
        if(divdescList[i]!=undefined||divdescList[i]!=null){
            
            if(divdescList[i]==id){
                if(document.getElementById(id).style.display=="none"){
                    document.getElementById(id).style.display = "";
                }else{
                    document.getElementById(id).style.display = "none";
                }
            }else{
                document.getElementById(divdescList[i]).style.display = "none";
            }
        }
    }
}




//AJAX
var httpfeatured;
var httpRecentlyfeatured;
var httpMostPupular;
var httpSingleFeatured;
var httpFeaturedProduct;

function getArchive(page) {
  //if (httpfeatured == null) {
    httpfeatured = GetXmlHttpObject();
  //}
  
  if (httpfeatured != null)  {
    if (httpfeatured.readyState == 4 || httpfeatured.readyState == 0) {
      var url="process.aspx?type=GET_FEATURED&page="+page+"";
      httpfeatured.onreadystatechange=drawResult;
      httpfeatured.open("GET",url,true);
      httpfeatured.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpfeatured.send(null);
    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
}

function showLoading() {
  document.getElementById("divArchive").innerHTML = getLoadingBar();
}

function drawResult() {
  if (httpfeatured != null)  {
    if (httpfeatured.readyState==4 && httpfeatured.status == 200)  {
      var xmlDoc = httpfeatured.responseXML.documentElement; 
      var buff = "";
      var totalpage=1;
      var currentpage=1;
      var arrBookmark = new Array();
      var indexArr = 1;
      var count =0;
      
      
      for (n=0; n<xmlDoc.childNodes.length; n++) {
        if (xmlDoc.childNodes[n].nodeName == "featured") {
          
          var mNode = xmlDoc.childNodes[n];
          var strNew = "";
          
          structNew = nodeFieldsToArray(mNode);
          
          divdescList[count] = "divFl" + structNew["id"];

            //Create a modal popup window for news detail
//            var divId = "popUpDivFeatured" + structNew["id"];
//            buff += "<div id='" + divId + "' class='popUpDiv' style='display:none' align='center' > ";
//            buff += "<iframe src='#featured_"+structNew["id"]+"'></iframe> ";
//            buff += "    <br/><a href=\"javascript:popup('" + divId + "')\">Close</a> ";
//            buff += "</div> ";
          
          
          buff += "<div class='divMWrapper'>\n";
          if(structNew["icon"]!="")
            buff += "<a onclick='javascript:getSingleFeatured("+structNew["id"]+")' href=\"javascript:popupFeatured('featuredPopupDiv')\"><div class='IconWrapper'><img src='" + structNew["icon"] + "' style='border:0px' /></div></a>\n";
          else
            buff += "<div class='IconWrapper' style='background-image:none'></div>\n";
          
          buff += "<div class='listTitle' >";
          buff += "  <div>";
          buff += "  <div style='float:left;' ><b><a class='link' onclick='javascript:getSingleFeatured("+structNew["id"]+")' href=\"javascript:popupFeatured('featuredPopupDiv')\">"+structNew["title"]+"</a></b></div>";
          buff += "  <div style='width:80px;float:left;'>"+structNew["publish_date"]+"</div>";
          
          if(arrBookmark[structNew["id"]]!=undefined&&arrBookmark[structNew["id"]]!="")
            buff += drawbookmarkBtn(structNew["id"],true,"archive");
          else
            buff += drawbookmarkBtn(structNew["id"],false,"archive");
          buff += "</div><div style='clear:both'></div>";
          buff += "  <div id='"+ divdescList[count] +"'  class='divlistDesc'>" + structNew["subtitle"] + "";
          buff += "  </div>";  
          buff += "  <div style='clear:both'>&nbsp;</div>";        
          buff += "  <div><a onclick='javascript:getSingleFeatured("+structNew["id"]+")' href=\"javascript:popupFeatured('featuredPopupDiv')\" class='readmore'><img src='images/button_readmore.gif' style='border:0px'/></a></div>";          
          buff += "</div>\n";
          buff += "<div style='clear:both'></div>\n";
          buff += "</div>\n";
          count++;  
          
          
          if(firstFeature==0&&structNew["featured"]=="1"&& location.hash == ""){
            firstFeature=structNew["id"];
          }
        }else if(xmlDoc.childNodes[n].nodeName == "totalpage"){
           totalpage = xmlDoc.childNodes[n].childNodes[0].nodeValue;
        }else if(xmlDoc.childNodes[n].nodeName == "currentpage"){
           currentpage = xmlDoc.childNodes[n].childNodes[0].nodeValue
        }else if(xmlDoc.childNodes[n].nodeName == "bookmark"){
            var node = xmlDoc.childNodes[n]; 
            for (j=0; j<node.childNodes.length; j++) {
                if (node.childNodes[j].childNodes[0] != undefined) {
                  arrBookmark[(node.childNodes[j].childNodes[0].nodeValue)] = node.childNodes[j].childNodes[0].nodeValue;
                }
            }
        }
      }
      buff += "<div style='clear:both'></div>";
      buff += drawPaging(currentpage,totalpage,"getArchive");
      document.getElementById("divArchive").innerHTML = buff;
      
      if(firstFeature!="0"&& location.hash == "")
        getSingleFeatured(firstFeature);
      else if(location.hash == ""){
        getSingleFeaturedBf();
      }
    }
    
  }
  
  
}

function getRecentlyAdded(page) {
  //if (httpfeatured == null) {
    httpRecentlyfeatured = GetXmlHttpObject();
  //}
  
  if (httpRecentlyfeatured != null)  {
    if (httpRecentlyfeatured.readyState == 4 || httpRecentlyfeatured.readyState == 0) {
      var url="process.aspx?type=GET_FEATURED&page="+page+"";
      httpRecentlyfeatured.onreadystatechange=drawRecentlyAddded;
      httpRecentlyfeatured.open("GET",url,true);
      httpRecentlyfeatured.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpRecentlyfeatured.send(null);
    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
}

function drawRecentlyAddded() {
  if (httpRecentlyfeatured != null)  {
    if (httpRecentlyfeatured.readyState==4 && httpRecentlyfeatured.status == 200)  {
      var xmlDoc = httpRecentlyfeatured.responseXML.documentElement; 
      var buff = "";
      var totalpage=1;
      var currentpage=1;
      var arrBookmark = new Array();
      var indexArr = 1;
      var count =0;
      
      
      for (n=0; n<xmlDoc.childNodes.length; n++) {
        if (xmlDoc.childNodes[n].nodeName == "featured") {
          
          var mNode = xmlDoc.childNodes[n];
          var strNew = "";
          
          structNew = nodeFieldsToArray(mNode);
          
          divdescList[count] = "divFl" +structNew["id"];
          
          
          buff += "<div class='divMWrapper'>\n";
          if(structNew["icon"]!="")
            buff += "<a onclick='javascript:getSingleFeatured("+structNew["id"]+")' href='#featured_"+structNew["id"]+"'><div class='IconWrapper'><img src='" + structNew["icon"] + "' style='border:0px' /></div></a>\n";
          else
            buff += "<div class='IconWrapper' style='background-image:none'></div>\n";
          
          buff += "<div class='listTitle' >";
          buff += "  <div>";
          buff += "  <div style='float:left;' ><b><a class='link' onclick='javascript:getSingleFeatured("+structNew["id"]+")' href='#featured_"+structNew["id"]+"'>"+structNew["title"]+"</a></b></div>";
          buff += "  <div style='width:80px;float:left;'>"+structNew["publish_date"]+"</div>";
          
          if(arrBookmark[structNew["id"]]!=undefined&&arrBookmark[structNew["id"]]!="")
            buff += drawbookmarkBtn(structNew["id"],true,"recently");
          else
            buff += drawbookmarkBtn(structNew["id"],false,"recently");
          buff += "</div><div style='clear:both'></div>";
          buff += "  <div id='"+ divdescList[count] +"'  class='divlistDesc'>" + structNew["subtitle"] + "";
          buff += "  </div>";  
          buff += "  <div style='clear:both'>&nbsp;</div>";        
          buff += "  <div><a onclick='javascript:getSingleFeatured("+structNew["id"]+")' href='#featured_"+structNew["id"]+"' class='readmore'><img src='images/button_readmore.gif' style='border:0px'/></a></div>";          
          buff += "</div>\n";
          buff += "<div style='clear:both'></div>\n";
          buff += "</div>\n";
          count++;  
        }else if(xmlDoc.childNodes[n].nodeName == "totalpage"){
           totalpage = xmlDoc.childNodes[n].childNodes[0].nodeValue;
        }else if(xmlDoc.childNodes[n].nodeName == "currentpage"){
           currentpage = xmlDoc.childNodes[n].childNodes[0].nodeValue
        }else if(xmlDoc.childNodes[n].nodeName == "bookmark"){
            var node = xmlDoc.childNodes[n]; 
            for (j=0; j<node.childNodes.length; j++) {
                if (node.childNodes[j].childNodes[0] != undefined) {
                  arrBookmark[(node.childNodes[j].childNodes[0].nodeValue)] = node.childNodes[j].childNodes[0].nodeValue;
                }
            }
        }
      }
      buff += "<div style='clear:both'></div>";
      buff += drawPaging(currentpage,totalpage,"getRecentlyAdded");
      document.getElementById("divRecentlyAdded").innerHTML = buff;
      
    }
    
  }
}


function getMostPopular(page) {
  //if (httpfeatured == null) {
    httpMostPupular = GetXmlHttpObject();
  //}
  
  if (httpMostPupular != null)  {
    if (httpMostPupular.readyState == 4 || httpMostPupular.readyState == 0) {
      var url="process.aspx?type=POPULAR_FEATURED&page="+page+"";
      httpMostPupular.onreadystatechange=drawMostPopular;
      httpMostPupular.open("GET",url,true);
      httpMostPupular.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpMostPupular.send(null);
    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
}

function drawMostPopular() {
  if (httpMostPupular != null)  {
    if (httpMostPupular.readyState==4 && httpMostPupular.status == 200)  {
      var xmlDoc = httpMostPupular.responseXML.documentElement; 
      var buff = "";
      var totalpage=1;
      var currentpage=1;
      var arrBookmark = new Array();
      var indexArr = 1;
      var count =0;
      
      
      for (n=0; n<xmlDoc.childNodes.length; n++) {
        if (xmlDoc.childNodes[n].nodeName == "featured") {
          
          var mNode = xmlDoc.childNodes[n];
          var strNew = "";
          
          structNew = nodeFieldsToArray(mNode);
          
          divdescList[count] = "divFl" +structNew["id"];
          
          
          buff += "<div class='divMWrapper'>\n";
          if(structNew["icon"]!="")
            buff += "<a onclick='javascript:getSingleFeatured("+structNew["id"]+")' href=\"javascript:popupFeatured('featuredPopupDiv')\"><div class='IconWrapper'><img src='" + structNew["icon"] + "' style='border:0px' /></div></a>\n";
            //buff += "<a onclick='javascript:getSingleFeatured("+structNew["id"]+")' href='#featured_"+structNew["id"]+"'><div class='IconWrapper'><img src='" + structNew["icon"] + "' style='border:0px' /></div></a>\n";
          else
            buff += "<div class='IconWrapper' style='background-image:none'></div>\n";
          
          buff += "<div class='listTitle' >";
          buff += "  <div>";
          buff += "  <div style='float:left;' ><b><a class='link' onclick='javascript:getSingleFeatured("+structNew["id"]+")' href=\"javascript:popupFeatured('featuredPopupDiv')\">"+structNew["title"]+"</a></b></div>";
          //buff += "  <div style='float:left;' ><b><a class='link' onclick='javascript:getSingleFeatured("+structNew["id"]+")' href='#featured_"+structNew["id"]+"'>"+structNew["title"]+"</a></b></div>";
          
          buff += "  <div style='width:80px;float:left;'>"+structNew["publish_date"]+"</div>";
                    
          if(arrBookmark[structNew["id"]]!=undefined&&arrBookmark[structNew["id"]]!="")
            buff += drawbookmarkBtn(structNew["id"],true,"popular");
          else
            buff += drawbookmarkBtn(structNew["id"],false,"popular");
          buff += "</div><div style='clear:both'></div>";
          buff += "  <div id='"+ divdescList[count] +"'  class='divlistDesc'>" + structNew["subtitle"] + "";
          buff += "  </div>";  
          buff += "  <div style='clear:both'>&nbsp;</div>";        
          buff += "  <div><a onclick='javascript:getSingleFeatured("+structNew["id"]+")' href=\"javascript:popupFeatured('featuredPopupDiv')\"><img src='images/button_readmore.gif' style='border:0px'/></a></div>";          
          buff += "</div>\n";
          buff += "<div style='clear:both'></div>\n";
          buff += "</div>\n";
          count++;  
        }else if(xmlDoc.childNodes[n].nodeName == "totalpage"){
           totalpage = xmlDoc.childNodes[n].childNodes[0].nodeValue;
        }else if(xmlDoc.childNodes[n].nodeName == "currentpage"){
           currentpage = xmlDoc.childNodes[n].childNodes[0].nodeValue
        }else if(xmlDoc.childNodes[n].nodeName == "bookmark"){
            var node = xmlDoc.childNodes[n]; 
            for (j=0; j<node.childNodes.length; j++) {
                if (node.childNodes[j].childNodes[0] != undefined) {
                  arrBookmark[(node.childNodes[j].childNodes[0].nodeValue)] = node.childNodes[j].childNodes[0].nodeValue;
                }
            }
        }
      }
      buff += "<div style='clear:both'></div>";
      buff += drawPaging(currentpage,totalpage,"getMostPopular");
      document.getElementById("divMostPopular").innerHTML = buff;
      
    }
    
  }
}


function getSingleFeatured(fid) {
    
  
    httpSingleFeatured = GetXmlHttpObject();
  
  
  if (httpSingleFeatured != null)  {
    if (httpSingleFeatured.readyState == 4 || httpSingleFeatured.readyState == 0) {
      var url="process.aspx?type=GET_FEATURED_BY_ID&featured_id=" + fid;
      httpSingleFeatured.onreadystatechange=drawSingleFeatured;
      httpSingleFeatured.open("GET",url,true);
      httpSingleFeatured.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpSingleFeatured.send(null);

    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
}

function getSingleFeaturedBf() {
    
  
    httpSingleFeatured = GetXmlHttpObject();
  
  
  if (httpSingleFeatured != null)  {
    if (httpSingleFeatured.readyState == 4 || httpSingleFeatured.readyState == 0) {
      var url="process.aspx?type=GET_FEATURED_BY_FEATURED";
      httpSingleFeatured.onreadystatechange=drawSingleFeatured;
      httpSingleFeatured.open("GET",url,true);
      httpSingleFeatured.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpSingleFeatured.send(null);

    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
}

function drawSingleFeatured() {
    
  if (httpSingleFeatured != null)  {
    var id = "";
    if (httpSingleFeatured.readyState==4 && httpSingleFeatured.status == 200)  {

      var xmlDoc = httpSingleFeatured.responseXML.documentElement; 
      var buff = "";
      for (n=0; n<xmlDoc.childNodes.length; n++) {
        if (xmlDoc.childNodes[n].nodeName == "featured") {
          var newNode = xmlDoc.childNodes[n];
          var strNew = "";

          structNew = nodeFieldsToArray(newNode);

          //if(structNew["featured"]==1)
            id = structNew["id"];
          //buff += "<a id='featured_"+structNew["id"]+"'></a>";
          buff += "<div id='divSingleFeaturedTitle' class='divNTitle' style='font-size:20px;'>" + structNew["title"] + "</div>" ;
          buff += "<div class='divNSubtitle' style='font-size:13px;'>" + structNew["subtitle"] + "</div>" ;
          buff += "<div>&nbsp;</div>" ;

          if(structNew["filename"]!=""){
              buff += "<table cellpadding='0' cellspacing='0' > " ;
              buff += "<tr>" ;
              buff += "<td class='NImage'><img src='" + structNew["filename"] + "' alt='"+structNew["title"]+"' style='vertical-align:bottom'></td>" ;
              buff += "<td class='rightSadow'>&nbsp;</td>" ;
              buff += "</tr>" ;
              buff += "<tr><td class='bottomShadow'>&nbsp;</td><td class='bottomRShadow'>&nbsp;</td></tr>" ;
              buff += "</table>";
              buff += "<div></div>" ;
              buff += "<div class='divNCaption' style='font-size:9px;'>" + structNew["file_desc"] + "</div>";
          }else{
            buff += "";
          }
   
          document.getElementById("featuredDetailDesc").innerHTML = structNew["description"];
          
        }
      }
      
      document.getElementById("featuredProduct").innerHTML = "";
      document.getElementById("featuredDetail").innerHTML = buff;
      
      if(id!=""){
        getFeaturedProduct(id);
        location.href = "#featured_" + id;
      }
    }
    
  }
}

function getFeaturedProduct(fid) {
    
  
  httpFeaturedProduct = GetXmlHttpObject();
  
  
  if (httpFeaturedProduct != null)  {
    if (httpFeaturedProduct.readyState == 4 || httpFeaturedProduct.readyState == 0) {
      var url="process.aspx?type=GET_FEATURED_PRODUCT&featured_id=" + fid;
      httpFeaturedProduct.onreadystatechange=drawFeaturedProduct;
      httpFeaturedProduct.open("GET",url,true);
      httpFeaturedProduct.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpFeaturedProduct.send(null);

    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
 
  
}

function drawFeaturedProduct() {

  if (httpFeaturedProduct != null)  {
    var i = 1;
    if (httpFeaturedProduct.readyState==4 && httpFeaturedProduct.status == 200)  {

      var xmlDoc = httpFeaturedProduct.responseXML.documentElement;
      var buff = "";

      for (n=0; n<xmlDoc.childNodes.length; n++) {
        if (xmlDoc.childNodes[n].nodeName == "featuredProduct") {
          var newNode = xmlDoc.childNodes[n];
          var strNew = "";
          var desc = "";
          structNew = nodeFieldsToArray(newNode);

          desc = structNew["title"] + "<br /><br />"+structNew["subtitle"] + "<br /><br />"+structNew["description"];          
          buff += "<a href='"+structNew["filename"]+"' rel='lightbox[a]' title='"+desc+"' style='display:block;float:left:border:0px'>\n"; // Lightbox
          //buff += "<a href='" + structNew["filename"] + "' rel='wbox[a]' title='" + desc + "' style='display:block;float:left:border:0px'>\n"; // WeebBox          
          //buff += "<a href='product_picture.aspx?pic="+ encodeURIComponent(structNew["filename"]) + "' title='"+desc+"' class='thickbox' rel='featured-product"+ n +"'>\n"; // Thickbox
          buff += "<table cellpadding='0' cellspacing='0' class='featuredproduct' border='0' class='featuredproduct'><tr><td rowspan='2' colspan='2'>";
          buff += "<div><img src='"+structNew["icon"]+"' alt='' style='border:0px;vertical-align:bottom;cursor:pointer'/></div></td><td class='imgtr'></td>";
          buff += "<tr><td class='imgtc'></td></tr>";
          buff += "<tr><td class='imgbl'></td><td class='imgbc'></td><td class='imgbr'></td></tr></table>";
          buff += "";
          buff += "</a>\n";

          if((i%5)!=0){
            buff += "<div style='float:left;width:36px;' >&nbsp;</div>\n"
          }else{
            buff += "<div style='clear:both'></div>";
          }
          i++;

        }
      }            
      
      if(i!=1){
        document.getElementById("featuredProduct").innerHTML = "<div style='margin:15px 0px 15px 0px'>Click on the items below to find out more.</div>"+buff;
      }else{
        document.getElementById("featuredProduct").innerHTML = "";
      }
    }

  }
}



var httpBookMark = null;

function addBookmark(featured_id) {
    httpBookMark = GetXmlHttpObject();
  
  
  if (httpBookMark != null)  {
    if (httpBookMark.readyState == 4 || httpBookMark.readyState == 0) {
      var url="process.aspx?type=ADD_BOOKMARK_FEATURED&id=" + featured_id;
      httpBookMark.onreadystatechange=bookmarkstatus;
      httpBookMark.open("GET",url,true);
      httpBookMark.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpBookMark.send(null);

    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
}



//SR-2011-00294 June 24, 2011
var httpBookMark = null;

function addBookmarkArchive(featured_archive_id) {
    httpBookMark = GetXmlHttpObject();
  
  
  if (httpBookMark != null)  {
    if (httpBookMark.readyState == 4 || httpBookMark.readyState == 0) {
      var url="process.aspx?type=ADD_BOOKMARK_FEATURED_ARCHIVE&id=" + featured_archive_id;
      httpBookMark.onreadystatechange=addBookmarkArchive;
      httpBookMark.open("GET",url,true);
      httpBookMark.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpBookMark.send(null);

    }
  }
  else  {
    alert ("Your browser does not support AJAX!");
  }
}

function bookmarkstatus() {

  if (httpBookMark != null)  {
       
    if (httpBookMark.readyState==4 && httpBookMark.status == 200)  {
      
      var xmlDoc = httpBookMark.responseXML.documentElement; 
      var buff = "";
      for (n=0; n<xmlDoc.childNodes.length; n++) {
      
        if (xmlDoc.childNodes[n].nodeName == "error") {
          var newNode = xmlDoc.childNodes[n];
          structNew = nodeFieldsToArray(newNode);
           
          if(structNew["responseUrl"]!=""){
            location.href = structNew["responseUrl"];
            break;
          }
          break;
          
        }else if(xmlDoc.childNodes[n].nodeName == "Update") {
         
          var newNode = xmlDoc.childNodes[n];
          structNew = nodeFieldsToArray(newNode);          
          
          if(structNew["description"]=="BOOKMARKADDED"&&structNew["bookmark_id"]!=""){
            
            if(document.getElementById("popularbookmark_"+structNew["bookmark_id"])!=undefined)
                document.getElementById("popularbookmark_"+structNew["bookmark_id"]).className = "bookmarkAddedlink";
                
            if(document.getElementById("archivebookmark_"+structNew["bookmark_id"])!=undefined)
                document.getElementById("archivebookmark_"+structNew["bookmark_id"]).className = "bookmarkAddedlink";
                
            if(document.getElementById("recentlybookmark_"+structNew["bookmark_id"])!=undefined)
                document.getElementById("recentlybookmark_"+structNew["bookmark_id"]).className = "bookmarkAddedlink";     
          }
          //else if(structnew["description"]=="BOOKMARKEXIST")
          break;
        }
      }
      httpBookMark = null;
    }
    
  }
}

function drawbookmarkBtn(id,isAdded,prefix){
    
    if(isAdded){
        //return "<div style='bookmark'><a id='"+prefix+"bookmark_"+id+"' href='javascript:addBookmark("+id+")' class='bookmarkAddedlink'  title='Add Bookmark'></a></div>";
        return "<div style='bookmark'><a id='"+prefix+"bookmark_"+id+"' href='javascript:;' class='bookmarkAddedlink'  title='Bookmarked'></a></div>";
    }else{
        return "<div style='bookmark'><a id='"+prefix+"bookmark_"+id+"' href='javascript:addBookmark("+id+")' class='bookmarklink'  title='Add Bookmark'></a></div>";
    }
}

function drawPaging(cp,tp,func_name){
      var currentpage = parseInt(cp);
      var totalpage = parseInt(tp);
      var buff = "";
      var page_range = 3;
      var i;

      /*
      if(currentpage==1&&totalpage>1){
            buff += "<a href='javascript:"+func_name+"("+ (currentpage+1) +")' class='gonext'></a>";
      }
      else if(currentpage<totalpage)
      {
         buff += "<a href='javascript:"+func_name+"("+ (currentpage+1) +")' class='gonext'></a>";
        buff += "<a href='javascript:"+func_name+"("+ (currentpage-1) +")' class='goprev'></a>";
      }
      else if(currentpage==totalpage&&totalpage!=1){
        buff += "<a href='javascript:"+func_name+"("+ (currentpage-1) +")' class='goprev'></a>";
      }
      */      
      //draw prev button
      var curWin = Math.ceil((currentpage) / page_range); //this is the current "Window"
      var totalWin = Math.ceil(totalpage / page_range);
      var pStart = ((curWin -1) * page_range) + 1;
      
      
      buff +="<div style='float:right;margin-right:10px'>&nbsp;</div>";      
      if (curWin < totalWin) {
        buff += "<a href='javascript:"+func_name+"("+ ((curWin * page_range) + 1) +")' class='gonext'></a>"; 
      }
      
      buff += "<div class='paging'>";
      for (p=pStart; p<(pStart+page_range)&&p<=totalpage; p++) {
        if (p == currentpage) {
          buff += "&nbsp;<b>" + p + "</b>&nbsp;";
        }
        else {
          buff += "&nbsp;<a href='javascript:"+func_name+"("+ p +")' >" + p + "</a>&nbsp;";
        }
      }
      buff += "</div>";
      
      if (currentpage > page_range) {
        buff += "<a href='javascript:"+func_name+"("+ (((curWin-2) * page_range) + 1) +")' class='goprev'></a>";
      }
      
      
      buff +="<div style='clear:both'></div>";
      
      //document.getElementById("divMpPaging").innerHTML = buff;
      return buff;
}



///////////////////////////////////////////
//// PopUp - Case Study Stories & Video
//////////////////////////////////////////

function toggle(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' )
	{	
	    el.style.display = 'block';
	    
	    var str = div_id;
	    PageMethods.UpdateViewCount(str.replace("popUpDiv",""));
	}
	else
	{
	    window.location.href= "casestudy.aspx";
	}
	//else {el.style.display = 'none';}
}

function toggleFeatured(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' )
	{	
	    el.style.display = 'block';
	}
	else {el.style.display = 'none';}
}

function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket0');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv_height=blanket_height/2-150;//150 is half popup's height
	popUpDiv.style.top = popUpDiv_height + 'px';
}

function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=window_width/2-150;//150 is half popup's width
	popUpDiv.style.left = window_width + 'px';
}

function popup(windowname) 
{
	blanket_size(windowname);
	window_pos(windowname);
	toggle('blanket0');
	toggle(windowname);		
}

function popupFeatured(windowname) 
{
	blanket_size(windowname);
	window_pos(windowname);
	toggleFeatured('blanket0');
	toggleFeatured(windowname);		
}