window.onload = function () {

    if ((navigator.userAgent.indexOf('MSIE') != -1) || (navigator.userAgent.indexOf('Firefox') != -1) || (navigator.userAgent.indexOf('Safari') != -1) || (navigator.userAgent.indexOf('Chrome') != -1)) {
        document.getElementById('borderBG').className = 'border1';
    }
    else {
        document.getElementById('borderBG').className = 'border';
    }
    window.onscroll = function () {

        var scrollY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
        if (scrollY >= 2188) {
            $('#mainNavTabs ul li#navTop1 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop2 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop3 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop4 a').addClass('selectedNavItem');
        }
        else if (scrollY >= 1635) {
            $('#mainNavTabs ul li#navTop1 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop2 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop3 a').addClass('selectedNavItem'); $('#mainNavTabs ul li#navTop4 a').removeClass('selectedNavItem');
        }
        else if (scrollY >= 1075) {
            $('#mainNavTabs ul li#navTop1 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop2 a').addClass('selectedNavItem'); $('#mainNavTabs ul li#navTop3 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop4 a').removeClass('selectedNavItem');
        }
        else if (scrollY >= 520) {
            $('#mainNavTabs ul li#navTop1 a').addClass('selectedNavItem'); $('#mainNavTabs ul li#navTop2 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop3 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop4 a').removeClass('selectedNavItem');
        }
        else {
            $('#mainNavTabs ul li#navTop1 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop2 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop3 a').removeClass('selectedNavItem'); $('#mainNavTabs ul li#navTop4 a').removeClass('selectedNavItem');
        }
    }
}

function showSlider() {
  var targetUrl = "Slider.aspx";
      $("#sliderIframe").attr("src", targetUrl);
      $("#sliderIframe").load(function () {        
      }); 
}

function showWorkGallery(workID, pos) {      
   // $("#workIFrame").unbind();
    $("#ajaxLoader").fadeIn();
    $("#divWorkBG").css({ opacity: 0.8 });
    $("#divWorkBG").fadeIn();    
    $("#workOverlay").fadeIn();

    var targetUrl = "Work.aspx?act=" + workID + "&position=" + pos;
    $("#workIFrame").attr("src", targetUrl);
    $("#workIFrame").load(function () {
        $("#ajaxLoader").fadeOut();
      });    
    window.scrollTo(0, 1);
    

}
function closeWorkGallery(val) {
    $("#workIFrame").attr("src", "");
    $("#workOverlay").fadeOut();
    $("#divWorkBG").fadeOut();
    if ((navigator.userAgent.indexOf('iPad') != -1)) {
        //window.location.reload();      
    }
    else {
        if (val == 1) {
            window.scrollTo(0, 0);
        }
        else if (val == 2) {
            window.scrollTo(0, 1100);
        }
        else {
        }        
    }

    }

    function showVideoGallery(id) {
      $("#videoIframe").unbind();
      $("#ajaxLoader").fadeIn();
      $("#divWorkBG").css({ opacity: 0.8 });
      $("#divWorkBG").fadeIn();
      $("#videoOverlay").fadeIn();

      var targetUrl = "Video.aspx?act=" + id;
      $("#videoIframe").attr("src", targetUrl);
      $("#videoIframe").load(function () {
        $("#ajaxLoader").fadeOut();
      });    
      window.scrollTo(0, 1);


    }
    function closeVideoGallery() {
      $("#videoIframe").attr("src", "");
      $("#videoOverlay").fadeOut();
      $("#divWorkBG").fadeOut();
      $("#ajaxLoader").fadeOut();  
      if ((navigator.userAgent.indexOf('iPad') != -1)) {
        //window.location.reload();      
      }
      else {
        window.scrollTo(0, 0);
      }

    }

function showAbout(id) {
    $("#aboutIFrame").unbind();
    $("#ajaxLoader").fadeIn();
    //$("#divWorkBG").css({ opacity: 0.8 });
    $("#divWorkBG").fadeIn();
    $("#aboutOverlay").fadeIn();     
    var targetUrl = "About.aspx?act=" + id;
    $("#aboutIFrame").attr("src", targetUrl);
    $("#aboutIFrame").load(function () {
        $("#ajaxLoader").fadeOut();
    });  
    window.scrollTo(0, 1);

}
function closeAbout() {
    $("#aboutIFrame").attr("src", "");
    $("#aboutOverlay").hide();
    $("#divWorkBG").hide();
    if ((navigator.userAgent.indexOf('iPad') != -1)) {
        
        //window.location.reload();
        //myScroll.scrollToElement("#about", "1s");

    }
    else {
        window.scrollTo(0, 549);
        
    }
}

function showAboutServices(id) {
   
    $("#aboutservicesIframe").unbind();
    $("#ajaxLoader").fadeIn();
    $("#divWorkBG").css({ opacity: 0.8 });
    $("#divWorkBG").fadeIn();
    $("#aboutservicesOverlay").fadeIn();    
    var targetUrl = "Services.aspx?act=" + id;
    $("#aboutservicesIframe").attr("src", targetUrl);
    $("#aboutservicesIframe").load(function () {
        $("#ajaxLoader").fadeOut();
    });
    window.scrollTo(0, 1);

}
function closeAboutServices() {
    $("#aboutservicesIframe").attr("src", "");
    $("#aboutservicesOverlay").fadeOut();
    $("#divWorkBG").fadeOut();
    if ((navigator.userAgent.indexOf('iPad') != -1)) {
        //window.location.reload(); 
    }
    else {
       window.scrollTo(0, 549);
    }
   }

   function showAboutUnexpected(id) {

     $("#aboutunexpectedIframe").unbind();
     $("#ajaxLoader").fadeIn();
     $("#divWorkBG").css({ opacity: 0.8 });
     $("#divWorkBG").fadeIn();
     $("#aboutunexpectedOverlay").fadeIn();
     var targetUrl = "Unexpected.aspx?act=" + id;
     $("#aboutunexpectedIframe").attr("src", targetUrl);
     $("#aboutunexpectedIframe").load(function () {
       $("#ajaxLoader").fadeOut();
     });
     window.scrollTo(0, 1);

   }
   function closeAboutUnexpected() {
     $("#aboutunexpectedIframe").attr("src", "");
     $("#aboutunexpectedOverlay").hide();
     $("#divWorkBG").fadeOut();
     if ((navigator.userAgent.indexOf('iPad') != -1)) {
       //window.location.reload(); 
     }
     else {
       window.scrollTo(0, 549);
     }
   }

function showNewsItemContent(id) {
    $("#newsIframe").unbind();
    $("#ajaxLoader").fadeIn();
    $("#divWorkBG").css({ opacity: 0.8 });
    $("#divWorkBG").fadeIn();
    $("#newsOverlay").fadeIn();    
    var targetUrl = "News.aspx?act=" + id;
    $("#newsIframe").attr("src", targetUrl);
    $("#newsIframe").load(function () {
        $("#ajaxLoader").fadeOut();
    });
    window.scrollTo(0, 1);

}
function closeNewsItemContent() {
    $("#newsIframe").attr("src", "");
    $("#newsOverlay").fadeOut();
    $("#divWorkBG").fadeOut();
    if ((navigator.userAgent.indexOf('iPad') != -1)) {
        //window.location.reload(); 
    }
    else {
        window.scrollTo(0, 1635);
    }
}

function getRandomSubset(entries, $n)
{
    // Initiate the variable
    randList = Array();
 
    // Pull the desired number of entry keys at random
    keys = array_rand(entries, n);
 
    // Loop through the keys
    for(var key in keys){ 
        // Add the value to end of the return array
        array_push(randList, entries[key]); 
    }
 
    return $randList;
}

function getTopWorkItems() {
  PortfolioItemBP(function (vic) {
    var attrVal = new Array();
    attrVal = vic; 
   
    for (var i = 1; i <= vic.length; i++) {
      $("#lblWorkItem" + i).attr("src", "http://blockdot.mgnetwork.com/blockdotweb/assets/images/work/" + vic[i - 1].imageFileName);
      //$("#lblWorkItem" + i).attr("src", "assets/images/work/" + vic[i - 1].imageFileName);
      $("#lblWorkTitle" + i).html(vic[i - 1].clientName);
      $("#lblWorkSubTitle" + i).html(vic[i - 1].itemTypeName);
    }
  });
}

function getExpandedPortfolioList() {
    PortfolioItemBP(function (vic) {
        var newsColumn;
        var attrVal = new Array();
        attrVal = vic;
        for (var i = 1; i <= vic.length; i++) {
          newsColumn = "<p class= 'link' onclick='showWorkGallery(" + [i - 1] + ",2)'><b class='clientName'>" + vic[i - 1].clientName + "</b>: " + vic[i - 1].itemTypeName + "</p>";
            $('#expandedPortfolioTopList').append(newsColumn);
        }
    });
}

function showContact() {
  
    $("#contactIframe").unbind();
    $("#ajaxLoader").fadeIn();
    $("#divWorkBG").css({ opacity: 0.8 });
    $("#divWorkBG").fadeIn();
    $("#contactOverlay").fadeIn();   
    var targetUrl = "contact/Default.aspx";
    $("#contactIframe").attr("src", targetUrl);
    $("#contactIframe").load(function () {
        $("#ajaxLoader").fadeOut();
    });
    window.scrollTo(0, 1);

}
function closeContact() {
    $("#contactIframe").attr("src", "");
    $("#contactOverlay").fadeOut();
    $("#divWorkBG").fadeOut();
    if ((navigator.userAgent.indexOf('iPad') != -1)) {
        //document.location = "http://www.bracketslash.com/app.php";
        //window.location.reload();
    }
    else {
        window.scrollTo(0, 2188);
    }
}


//ipad image gallery
function slideGallery() {
    YUI().use('scrollview-base', function (Y) {
        var scrollView = new Y.ScrollView({
            id: "scrollview",
            srcNode: '#slider-wrapper',
            width: 984
            
        });
        scrollView.render();
    });    
}

function formatFBTime(fbDate) {
  var arrDateTime = fbDate.split("T");
  var arrDateCode = arrDateTime[0].split("-");
  var strTimeCode = arrDateTime[1].substring(0, arrDateTime[1].indexOf("+"));
  var arrTimeCode = strTimeCode.split(":");
  var valid_date = new Date()
  valid_date.setUTCFullYear(arrDateCode[0]);
  valid_date.setUTCMonth(arrDateCode[1] - 1);
  valid_date.setUTCDate(arrDateCode[2]);
  valid_date.setUTCHours(arrTimeCode[0]);
  valid_date.setUTCMinutes(arrTimeCode[1]);
  valid_date.setUTCSeconds(arrTimeCode[2]);
  return valid_date;
}

//load facebook news feed
function fbFetch(nRecords) {    
  var json = new Array();
  $.ajax({
    url: "BlockdotServices.asmx/GetFacebookWallPosts",
    data: "{'nRecords': '" + nRecords + "'}",
    dataType: "json",
    type: "POST",
    contentType: "application/json; charset=utf-8",
    success: function (data) {
      json = eval("(" + data.d + ")");
           
      var html = "<ul id='eventList'>";
      //loop through and within data array's retrieve the message variable.   
      $.each(json.data, function (i, fb) {       
        html += "<li class='eventTitle'>";
        if (fb.link != '') {
          html += "<a href=" + fb.link + " target='_blank'>" + fb.message + "</a>";
        }
        else
          html += fb.message + "</a>";

        //date
        var months = new Array(13);
        months[0] = "January";
        months[1] = "February";
        months[2] = "March";
        months[3] = "April";
        months[4] = "May";
        months[5] = "June";
        months[6] = "July";
        months[7] = "August";
        months[8] = "September";
        months[9] = "October";
        months[10] = "November";
        months[11] = "December";
        var cDate = new Date(formatFBTime(fb.created_time));
        var sTime = "";

        if (cDate.getHours() <= 12) {
          sTime += cDate.getHours().toString() + ":" + (cDate.getMinutes() < 10 ? '0' : '') + cDate.getMinutes() + "am";
        }
        else {
          sTime += (cDate.getHours() - 12) + ":" + (cDate.getMinutes() < 10 ? '0' : '') + cDate.getMinutes() + "pm";
        }

        html += "<div class='date'>" + months[cDate.getMonth()] + " " + cDate.getDate() + " at " + sTime + "</div></li>";

      });
      html += "</ul>";

      $('.facebookfeed').html(html);

      //reduce the news items if they don't fit
      var ffbox = document.getElementById('facebookfeed');
      var elist = document.getElementById('eventList');
      while (ffbox.offsetHeight > 400) {
        elist.removeChild(elist.lastChild);
      }

      // });
    },
    error: function (a, b, c) {
    }
  });

  
 
};

fbFetch(7);