﻿function HighlightSelected()
{
			/* highlight page if selected */
			var url = window.location.toString().toLowerCase();	
			var topOffset = 18;
			if(url.indexOf("services.aspx") != -1)
			{
				$("#shadow").css('display','block').css('left',-50).css('top',topOffset);
			}
			if(url.indexOf("our%20work.aspx") != -1)
			{
				$("#shadow").css('display','block').css('left',95).css('top',topOffset);
			}
			if(url.indexOf("about%20us.aspx") != -1)
			{
				$("#shadow").css('display','block').css('left',245).css('top',topOffset);
			}
			if(url.indexOf("contact.aspx") != -1)
			{
				$("#shadow").css('display','block').css('left',375).css('top',topOffset);
			}
}

	function setCookie()
	{
		$.cookie('bandrSocialFeeds_cookie', 'closed');
	}
	
	function getCookie()
	{
		if($.cookie('bandrSocialFeeds_cookie') == 'closed')
		{
			return true;
		}
		else
		{
			return false;
		}
	}
	
	function deleteCookie()
	{
		$.cookie('bandrSocialFeeds_cookie', 'null');
	}
	
	$(document).ready(function(){
			var url = window.location.toString().toLowerCase();			
			var topOffset = 18;

			/* Highlight Selected */
			HighlightSelected();
			
			/* home page background */
			if(url.indexOf("default.aspx") != -1)
			{
				$("#s4-bodyContainer").prepend("<div id='bg-container'><div id='bg-left'></div><div id='bg-right'></div></div>");
			}
			
			/* Shadow for top level nav items */
			$("#services").mouseover(function(){
				var offset = $(this).offset();
				$("#shadow").css('display','block').css('left',-50).css('top',topOffset);
			});
			
			$("#what-we-do").mouseover(function(){
				var offset = $(this).offset();
				$("#shadow").css('display','block').css('left',95).css('top',topOffset);
			});
			
			$("#about-us").mouseover(function(){
				var offset = $(this).offset();
				$("#shadow").css('display','block').css('left',245).css('top',topOffset);
			});

			$("#contact").mouseover(function(){
				var offset = $(this).offset();
				$("#shadow").css('display','block').css('left',375).css('top',topOffset);
			});

			$(".top-nav-item").mouseout(function(){
				$("#shadow").css('display','none')
				HighlightSelected();
			});

			/* End shadow for top level nav items */
	
			//Create the social feeds structure 
			$("#social-section").html("<div id=\"social-feeds\"></div><div id=\"social-top\"><div id=\"social-control\"></div><div id=\"social-label\">Team Social Feed</div></div><div id=\"social-bottom\"></div>");
	
			//add feeds
			$().SPServices({
 				operation: "GetListItems",
   				async: false,
				listName: "SocialFeeds_Data",
    			CAMLQuery: "<Query><OrderBy><FieldRef Name='Timestamp' Ascending='False' /></OrderBy></Query>",
    			CAMLRowLimit: "<RowLimit>8</RowLimit>",
    			CAMLViewFields: "<ViewFields><FieldRef Name='Title' /><FieldRef Name='Link' /><FieldRef Name='Text' /><FieldRef Name='Timestamp' /><FieldRef Name='Username' /></ViewFields>",
    			completefunc: function (xData, Status) {
      				$(xData.responseXML).find("[nodeName=z:row]").each(function(i) { 
			   			var text = $(this).attr("ows_Text");
			   			var type = $(this).attr("ows_Title");
			   			var timestamp = $(this).attr("ows_Timestamp");
			   			var link = $(this).attr("ows_Link");
			   			
			   			var author = $(this).attr("ows_Username");
			   			
			   			var image = ""
			   			if(type == "Twitter")
			   			{
			   				image = "<img src='/Style Library/images/tweet.png'>"; 
			   			}
			   			else if(type == "RSS")
			   			{
			   				if(author.indexOf("MSDN") != -1)
	 			   				image = "<img src='/Style Library/images/msdn.png'>";			   		
	 			   			else
	 			   				image = "<img src='/Style Library/images/rss.png'>";			   		
			   				timestamp = timestamp.split(' ');
			   				timestamp = timestamp[0];
			   			}
			   			
			   			var strHtml = "";
 						strHtml += "<div class='social-item'>";
 						strHtml += " <a href='" + link + "' target='_blank'>" + image + "</a>";
						strHtml += " <div class='tip'>";
						strHtml += "  <div class='tip-top'></div>";
						strHtml += "  <div class='tip-middle'>";
						strHtml += "   <div class='tip-text'><a href='" + link + "' target='_blank'>" + text + "</a></div>";
						strHtml += "   <div class='tip-date'>" + timestamp + "</div>";
						strHtml += "   <div class='tip-author'>" + author + "</div>";
						strHtml += "  </div>";
						strHtml += "  <div class='tip-bottom'></div>";
						strHtml += " </div>";
						strHtml += "</div>";
						$("#social-top").append(strHtml);
			        });
    			}
			});

		//social control
		$("#social-control").click(function(){

			var bgPos = 0;
			if($.browser.msie) {
		    	bgPos = $("#social-control").css("background-position-y");
			}
			else
			{
				bgPos = $("#social-control").css("background-position");
				var temp = bgPos.split(' ');
				bgPos = temp[1];
			}
			
			//if closed
			if(bgPos == "0px") 
			{
				if($.browser.msie) 
				{
		    		$("#social-control").css("background-position-y","-31px");
				}
				else
				{
					$("#social-control").css("background-position","0px -31px");
				}
								
				$("#social-bottom").slideDown('slow', function(){
					$(".social-item").fadeIn('slow');
				});

				$("body").scrollTo( '+=37px',800);
				deleteCookie();
			}
			// open 
			else
			{
				if($.browser.msie) 
				{
		    		$("#social-control").css("background-position-y","0px");
				}
				else
				{
					$("#social-control").css("background-position","0px 0px");
				}
				
				$(".social-item").fadeOut('slow', function(){ 
					$("#social-bottom").slideUp('slow');
				});

				$("body").scrollTo( '-=37px',800);
				setCookie();
			}
		});		
			
		//check cookie to set the state of the Social Feeds Bar
		if(getCookie())
		{
			$("#social-control").click();
		}
			
		$(".social-item").mouseover(function(){ 
			var tip = $(this).find(".tip").css("display","block");
			var height = tip.height();
			var adjustment = 0;
			
			if($.browser.msie) {
		    	adjustment = -10;
			}
			else {
				adjustment = 30;
   			}
		
			var newPosition = -(height + adjustment);
			tip.css("top",newPosition);
		});
		
		$(".social-item").mouseout(function(){ 
			$(this).find(".tip").css("display","none");
		});

	});

