// JavaScript Document




var cat = "sports";
var seeMorePage = 'more';

urlCat = getCat();
if (urlCat) {
	cat = urlCat;
}



// category name to category ID;
var catList = new Array();
catList["sports"] = 1;
catList["humor"] = 2;
catList["celebrity"] = 3;
catList["howto"] = 4;
catList["news"] = 5;
catList["pets"] = 6;

var catListReverse = new Array();
catListReverse[1] = "sports";
catListReverse[2] = "humor";
catListReverse[3] = "celebrity";
catListReverse[4] = "howto";
catListReverse[5] = "news";
catListReverse[6] = "pets";


	var searchTerms = new Array();
	searchTerms[1] = new Array();
	searchTerms[1]["video"] = new Array("MLB%20baseball%20game%20highlights", 
										"Sport's%20bloopers",
										"MLS%20highlights",
										"Sportscenter's%20top%2010",
										"Top%20NHL%20shootout%20goals");
	searchTerms[1]["image"] = new Array("diving%20MLB%20catch", 
										"Kentucky%20derby%20race%20highlights%202009", 
										"MLS%20game%20winning%20goal", 
										"NFL%20touchdown%20celebrate", 
										"top%20olympic%20winning%20moments");
	


	
	searchTerms[2] = new Array();
	searchTerms[2]["image"] = new Array("funny%20hair%20dos", 
									   "strange%20houses",
									   "weird%20cars",
									   "photo%20manipulation",
									   "kicked%20in%20the%20nuts");
	searchTerms[2]["video"] = new Array("wedding%20bloopers",
   									   "people%20falling",
									   "funny%20kids",
									   "funny%20commercials",
									   "bloopers");

	searchTerms[3] = new Array();
	searchTerms[3]["image"] = new Array("celebrity%20mugshots", 
									   "celebrity%20breakups",
									   "celebrity%20fashion%20bad",
									   "Stars%20without%20makeup",
									   "people's%20sexiest%20man");
	searchTerms[3]["video"] = new Array("tmz%20afterparty",
   									   "celeb%20freak%20out",
									   "celebrity%20movie%20interviews",
									   "access%20hollywood%20on%20set",
									   "celebrity%20duos");


	searchTerms[4] = new Array();
	searchTerms[4]["image"] = new Array("fold%20amazing%20paper%20airplanes", 
									   "how%20to%20tie%20a%20shoelace",
									   "write%20a%20check",
									   "origami%20crane",
									   "waltz%20%22box%20step%22%20diagram");
	searchTerms[4]["video"] = new Array("how%20to%20tie%20a%20tie",
   									   "how%20to%20make%20the%20best%20bbq",
									   "change%20car%20oil",
									   "job%20hunt%20tips",
									   "summer%20makeup%20tips");

	searchTerms[5] = new Array();
	searchTerms[5]["image"] = new Array("Michelle%20Obama", 
									   "Top%20summer%20vacation%20destinations",
									   "electric%20cars",
									   "International%20Space%20Station",
									   "Recycling%20programs");
	searchTerms[5]["video"] = new Array("latest%20headlines",
   									   "President%20Obama",
									   "helping%20global%20warming",
									   "virign%20galactic",
									   "summer%20fun");


	searchTerms[6] = new Array();
	searchTerms[6]["image"] = new Array("cute%20animals", 
									   "funny%20animals",
									   "penguins",
									   "puppies",
									   "cool%20animals");
	searchTerms[6]["video"] = new Array("cute%20animals",
   									   "animal%20bloopers",
									   "amazing%20animals",
									   "wild%20animals",
									   "funny%20pets");




var page = catList[cat];
var oldPage = catList[cat];





function contentFill() {
    
    //Omniture Tracking Links
    if (oldPage != page) {
        TrackPageTurnLinks(); 
    }
	
	document.getElementById("top").style.background = "url(images/banner_"+page+".jpg) no-repeat";
	ImageResults = new Array();
	VideoResults = new Array();

	// do a new search to populate the content
	for (var i=0;i<searchTerms[page]["video"].length;i++) {
		Search("Video", searchTerms[page]["video"][i]);
	}


	for (var i=0;i<searchTerms[page]["image"].length;i++) {
		Search("Image", searchTerms[page]["image"][i]);
	}
}

//
function FillVideoTiles()
{
	//VideoResults has all results for the current search so 10 results.
	//VideoResults
	var dataCount = 0;
	var thumb_1 = 25;

	for (i=0;i<VideoResults.length;i++) {

if (thumb_1 > 10 ) {
			thumb_1 = i+1;
		} else {
			thumb_1 = thumb_1 + 10;
		}
		resultsListItem = document.getElementById("results_"+thumb_1);
		resultsListItem.style.background = "url("+VideoResults[i].StaticThumbnail.Url+") -20px -20px";
		var width = hoverData[page]["video"]["width"][dataCount];
		if (width == '') {
			width = '140';
        }
        width = '135'; // Override width. when the hover box gets too long it can show up underneath another result box.
		var title = hoverData[page]["video"][VideoResults[i].Query];
		
		var url = VideoResults[i].QuickAddUrl;
		var hoverHTML = "<div id=\"hover_" + thumb_1 + "\" class=\"hoverInfo\" style=\"width: " + width + "px;visibility:hidden;\" onmouseout=\"document.getElementById('hover_" + thumb_1 + "').style.visibility='hidden'\"><div class=\"title\">" + title + "</div><div class=\"share\"><a href=\"" + url + "\" target=\"_blank\" onclick=\"QuickAddClicked();TrackQuickAddLinkClick('" + title.replace("'", "") + "');\"><img src=\"images/startSharing.gif\" border=\"0\"/></a></div></div>";
		resultsListItem.innerHTML = ' <img src="images/resultsVideo.gif" />'+hoverHTML;

		if (thumb_1 > 10 ) {
			dataCount++;
		}
		if (dataCount == 5) {
			dataCount = 0;	
		}
	}
	
	
}


function FillImageTiles()
{
	var dataCount = 0;
	var thumb_1 = 25;
	//ImageResults has all the results for the current search so 10 results
	for (i=0;i<ImageResults.length;i++) {
		if (thumb_1 > 10 ) {
			thumb_1 = i+2;
		} else {
			thumb_1 = thumb_1 + 10;
		}

		resultsListItem = document.getElementById("results_"+thumb_1);
		resultsListItem.style.background = "url("+ImageResults[i].Thumbnail.Url+") -20px -20px";
		var width = hoverData[page]["image"]["width"][dataCount];
		if (width == '') {
			width = '140';

}
width = '135'; // Override width. when the hover box gets too long it can show up underneath another result box.
		
		var title = hoverData[page]["image"][ImageResults[i].Query];
		
		var url = ImageResults[i].QuickAddUrl;
		var hoverHTML = "<div id=\"hover_" + thumb_1 + "\" class=\"hoverInfo\" style=\"width: " + width + "px;visibility:hidden;\" onmouseout=\"document.getElementById('hover_" + thumb_1 + "').style.visibility='hidden'\"><div class=\"title\">" + title + "</div><div class=\"share\"><a href=\"" + url + "\" target=\"_blank\" onclick=\"QuickAddClicked();TrackQuickAddLinkClick('" + title.replace("'", "") + "');\"><img src=\"images/startSharing.gif\" border=\"0\"/></a></div></div>";
		
		resultsListItem.innerHTML = ' <img src="images/resultsImage.gif" />'+hoverHTML;

		if (thumb_1 > 10 ) {
			dataCount++;
		}
		if (dataCount == 5) {
			dataCount = 0;	
		}
	}
	

	//Images are the last thing that are loaded. Lets call our complete function to tell the silverlight all is ready.

	setTimeout(AllTileDataLoaded, 1000);
	
	
}


function AllTileDataLoaded() {


   
        try{
        document.getElementById('slAPP').content.HotmailQuickAdd.PopulateQueryWindows();
    } catch (e) {
    setTimeout(AllTileDataLoaded, 1000);
        }
        

    }

    function GetImageResultsQuickAddUrl(index) {

        return ImageResults[index].QuickAddUrl;

    }
    
    function GetImageResultsTitle(index) {

        return hoverData[page]["image"][ImageResults[index].Query];

    }

    function GetImageResultsUrl(index) {

        return ImageResults[index].Thumbnail.Url;

    }


    function GetVideoResultsQuickAddUrl(index) {

        return VideoResults[index].QuickAddUrl;

    }

    function GetVideoResultsTitle(index) {

        return hoverData[page]["video"][VideoResults[index].Query];

    }

    function GetVideoResultsUrl(index) {

        return VideoResults[index].StaticThumbnail.Url;

    }

$(document).ready(function(){
	
}); 



function seeMoreClick() {

	if (seeMorePage == 'more') {
		TrackSeeMoreStuff();
		document.getElementById("resultsMore").style.visibility = "visible";
		document.getElementById("seeMore").src="images/button_seeLess.gif";
		document.getElementById("seeMoreInfo").style.visibility="hidden";
		seeMorePage = 'less';
	} else {
		TrackSeeLessStuff();
		document.getElementById("resultsMore").style.visibility = "hidden";
		document.getElementById("seeMore").src="images/button_seeMore.gif";
		seeMorePage = 'more';
	}

}


function seeMoreInfo (state) {
	if (seeMorePage == 'more') {
		if (state == 'off') {
		document.getElementById("seeMoreInfo").style.visibility="hidden";
		} else {
		document.getElementById("seeMoreInfo").style.visibility="visible";
		}
	}
}




function videoOff() {
	document.getElementById("fadeBG").style.visibility="hidden";
	document.getElementById("videoPlayer").style.visibility="hidden";
	document.getElementById("player").innerHTML = "";

}

function videoOn(videoID) {
	document.getElementById("fadeBG").style.visibility="visible";
	document.getElementById("videoPlayer").style.visibility="visible";	
	var silverlightHTML = "<object data=\"data:application/x-silverlight-2,\" style=\"position: absolute;top: 0px; left: 0px;z-index: 20;\" type=\"application/x-silverlight-2\" width=\"100%\" height=\"100%\" id=\"slAPP\"><param name=\"source\" value=\"FTPPlayer.xap\"/><param name=\"onerror\" value=\"onSilverlightError\" /><param name=\"background\" value=\"white\" /><param name=\"minRuntimeVersion\" value=\"2.0.31005.0\" /><param name=\"autoUpgrade\" value=\"true\" /><param name=\"PluginBackground\" value=\"Transparent\" /><param name=\"InitParams\" value=\"VideosXmlPath=Content/Video/Tutorial_Hotmail_QuickAdd.xml,PreviewImagePath=Content/img/wlive/video/tut_Hotmail_QuickAdd.png,EmailBodyFormatString=format,InitialVideoID={00000001-0000-0000-0000-000000000008}\" /><OBJECT id=\"VIDEO\" width=\"100%\" height=\"100%\" CLASSID=\"CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6\" type=\"application/x-oleobject\"><PARAM NAME=\"URL\" VALUE=\"Content/video/Tutorial_Hotmail_QuickAdd_480x360_500k.wmv\"><PARAM NAME=\"SendPlayStateChangeEvents\" VALUE=\"True\"><PARAM NAME=\"AutoStart\" VALUE=\"True\"><PARAM name=\"uiMode\" value=\"mini\"><PARAM name=\"PlayCount\" value=\"9999\"><embed style=\"position: absolute;top: 0px; left: 0px;z-index: 10;\" src=\"Content/video/Tutorial_Hotmail_QuickAdd_480x360_500k.wmv\" width=\"100%\" height=\"100%\" autostart=\"1\" loop=\"0\" align=\"absmiddle\" type=\"application/x-mplayer2\" pluginspage=\"http://www.microsoft.com/Windows/MediaPlayer/download/default.asp\" showcontrols=\"1\" showdisplay=\"0\" showstatusbar=\"1\" > </embed><a href=\"Content/video/Tutorial_Hotmail_QuickAdd_480x360_500k.wmv\" target=\"_blank\" >Download the Quick Add Video</a></OBJECT></object><iframe style=\"visibility:hidden;height:0;width:0;border:0px\"></iframe>";

	document.getElementById("player").innerHTML = silverlightHTML;

}






function getCat () {
	// strip off the leading '?'
	var subCat;
	var urlString = String(document.location);
	urlSplit = urlString.split("?");
	if (urlSplit.length > 1) 
	{
		var nvPairs = urlSplit[1].split("&");
		var name;
		for (i = 0; i < nvPairs.length; i++)
		{
			 var nvPair = nvPairs[i].split("=");
			 name = nvPair[0];
			 subCat = nvPair[1];
		}
	}
	if (name == 'cat') {
		return subCat;
	}
}


function submitPoll(value) {
    TrackSurvey();
    ajaxFunction(value);
    
}

function ajaxFunction(answer) {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else {
        alert("Your browser does not support XMLHTTP!");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4) {
            var responsestring = xmlhttp.responseText;
            var responsestringsplit = responsestring.split(',');
            
            document.getElementById('SportsResult').innerHTML = responsestringsplit[0] + "%";
            document.getElementById('CelebritiesResult').innerHTML = responsestringsplit[1]+ "%";
            document.getElementById('HumorResult').innerHTML = responsestringsplit[2]+ "%";
            document.getElementById('NewsResult').innerHTML = responsestringsplit[3]+ "%";
            document.getElementById('HowToResult').innerHTML = responsestringsplit[4]+ "%";
            document.getElementById('PetsResult').innerHTML = responsestringsplit[5]+ "%";
            document.getElementById('pollQuestions').style.visibility = 'hidden';
            document.getElementById('pollResults').style.visibility = 'visible';
            

        }
    }
    var myRand = parseInt(Math.random() * 99999999);  // cache buster
    xmlhttp.open("GET", "recordquiz.aspx?answer=" + answer + "&rand=" + myRand, true);
    xmlhttp.send(null);
}

function testForSilverlight () {

	var SLTest = Silverlight.isInstalled();
	var SLSupported = Silverlight.supportedUserAgent();


	if (!SLSupported || !SLTest)
	{
		document.getElementById("silverlightControlHost").style.visibility = "hidden";
		document.getElementById("top").style.visibility = "visible";
		document.getElementById("nav").style.visibility = "visible";
	}
	else
	{
		document.getElementById("silverlightControlHost").style.visibility = "visible";
		document.getElementById("top").style.visibility = "hidden";
		document.getElementById("nav").style.visibility = "hidden";
	}
}