// JavaScript Document
function route_category_chassis(url, id) {
	$(".giCategoryCol").animate({
		height: '150'						
	}, 100, function(){
		location.href = url;
	});
}

function toggleChassisOver(toggle, id, position) {
	if (toggle) {
		$("#" + id).addClass("over");
		$("#highlight_" + position).css("display", "block");
	} else {
		$("#" + id).removeClass("over");
		$("#highlight_" + position).css("display", "none");
	}
}

function routeCategoryClick(clickedElement, seg) {
	var url = clickedElement.attr('href');
	var segments = url.split("/");
	if (segments[4] == "content") {
		url = "http://www.irobot.com/gi/" + seg + "/" + segments[6] + "//" + clickedElement.attr('class').substring(7);
	}
	location.href = url;
}

function openChassisInfoOverlay(clickedElement) {
	//Make sure the url is truly for an overlay
	var url = clickedElement.attr('href') + "/true";
	var segments = url.split("/");
	if (segments[4] != "content") {
		closeChassisInfoOverlay();
		//Highlight the correct button
		clickedElement.siblings("a").removeClass("selected");
		clickedElement.addClass("selected");
		return;
	}
	
	//Send GA track event
	_gaq.push(['_trackPageview', '/gi/' + segments[6] + '/' + segments[5]]);
	_gaq.push(['_trackEvent', segments[6], 'RightRail', segments[5]]);

	//Highlight the correct button
	clickedElement.siblings("a").removeClass("selected");
	clickedElement.addClass("selected");
	var partner = "";
	if (clickedElement.is(".l2")) partner = " .l2";
	else if (clickedElement.is(".l3")) partner = " .l3";
	else if (clickedElement.is(".l4")) partner = " .l4";
	else if (clickedElement.is(".l5")) partner = " .l5";
	else if (clickedElement.is(".l6")) partner = " .l6";
	$("#leftButtonsExtend div").animate({
		width: "0px",
		left: "0px"
	}, 200);
	$("#leftButtonsExtend" + partner).animate({
		width: "9px"
	}, 100);	

	//For IE6, we need to kill off the flash to make sure the overlay shows up
	//For consistency, we'll do it no matter what broswer
	if (mediaBoxState == "video") {
		$("#giChassisInfoOverlayWrapper").css('display', 'block');
		$("#giMediaBoxVideoContent").css('display', 'none');
		if (typeof(document.getElementById('ooyalaPlayer').pauseMovie) == 'function') document.getElementById('ooyalaPlayer').pauseMovie();
		$("#giMediaBoxCaptionBg").fadeTo(0, 0.5);
		$("#giMediaBoxItemBox a").removeClass('selected');
		$(".giMediaboxImages img:eq(0)").show();
		$("#giMediaBoxItemBox .giMediaBoxItem").first().addClass('selected');
		mediaBoxState = "image";
	}
	$("#giChassisInfoOverlayWrapper").fadeTo(300, 1);

	//Get the media through AJAX
	$.get(url, function(data) {
		$("#giChassisInfoOverlayContainer").html(data);
		$("#leftButtonsExtend" + partner).animate({
			width: "42px"
		}, 200, function(){
			$(this).animate({left: "-2px"}, 100);
		});
		$("#giChassisInfoOverlayInnerWrapper").animate({
			left: "0px"
		}, 200);
	
		//Special cases for image and video galleries
		if (segments[5] == "imageGallery") $('a.lightbox').lightBox(); 
		if (segments[5] == "videoGallery") {
			$('a.videoLink').click(function() {
				switch_gallery_video($(this).attr('href'));
				return false;
			});
		}
	});
}

function closeChassisInfoOverlay() {
	$("#giMediaBoxVideoContent").css('display', 'block');
	$("#leftButtonsExtend div").animate({
		width: "0px"
	}, 100, function(){
		$("#leftButtonsExtend .l1").animate({
			width: "9px"
		}, 100);
	});	
	$("#giChassisInfoOverlayInnerWrapper").animate({
		left: "743px"
	}, 200, function(){
		$(".giChassisButtonArea a").removeClass("selected");
		$(".giChassisButtonArea .l1").addClass("selected");
		$("#giChassisInfoOverlayWrapper").fadeTo(300, 0, function() {
			$("#giChassisInfoOverlayWrapper").css('display', 'none');
		});
		$("#giChassisInfoOverlayContainer").html("");
	});
}


function showKeyFeature(id) {
	if (document.getElementById(id).style.display == 'none') {
   		document.getElementById(id).style.display = "block";
	} else {
		document.getElementById(id).style.display = "none";
	}
}   
function hideKeyFeature(id) {
	if (document.getElementById(id).style.display == 'block') {
   		document.getElementById(id).style.display = "none";
	} 
}   


function switch_image(url, position, caption, prodLine) {
	if (mediaBoxState == "video") {
		$("#giMediaBoxVideoContent").css('display', 'none');
		$("#giMediaBoxCaptionBg").fadeTo(0, 0.5);
		mediaBoxState = "image";
		if (typeof(document.getElementById('ooyalaPlayer').pauseMovie) == 'function') document.getElementById('ooyalaPlayer').pauseMovie();
	}
	//Send GA track event
	var segments = url.split("/");
	_gaq.push(['_trackEvent', prodLine, 'MediaBox', segments[segments.length-1]]);
	
	$("#giMediaBox a.lightbox").attr('title', caption);
	$("#giMediaBox a.lightbox").attr('href', url);
	$("#giMediaBox a.lightbox").css('background-image','url(' + url + ')');
	$("#giMediaBox a.lightbox").css('background-position', position + ' center');
}

function switch_gallery_video(url) {
	$("#videoGalleryiFrame").attr('src', url);
}

function receiveOoyalaEvent(playerId, eventName, eventParams) {
	if(eventName == "apiReady"){
		$("#giMediaBoxVideoContent .loading").remove();
	}
}

/*video pop-up*/
var newwindow;
function showVideoPopUp(video)
{
	newwindow=window.open ("http://resources.irobot.com/index.php/givideoplayer/" + video, "videoWindow", "height=500,width=600,status=0,toolbar=0,menubar=0,location=1,scrollbars=0,resizable=0,directories=0");
	if (window.focus) {newwindow.focus()}
}

//Developers
function toggleDivVisibility(divId) {
	var divVar = document.getElementById(divId);
	if (divVar.style.display == 'block')
		divVar.style.display ='none';
	else
		divVar.style.display = 'block';
}

function showCustomPopUp(thisUrl,thisName,theseParams)
{
	remote = open(thisUrl, thisName, theseParams);
}

function devGraphShow(liID, divID) {
	toggleDivVisibility(divID);
	var liVar = document.getElementById(liID);
	if (liVar.className == "over") liVar.className = "hidden";
	else liVar.className = "over";
}

function swapDevKit(divNum) {
	for (var i = 1; i < 7; i++) {
		document.getElementById('kitImage' + i).style.display = "none";
		document.getElementById('devKitTitle' + i).className = "hidden";
	}
	document.getElementById('kitImage' + divNum).style.display = "block";
	document.getElementById('devKitTitle' + divNum).className = "over";
}

function toggleDevPlatform(platNum) {
	var left = 150 + (166 * (platNum - 1));
	document.getElementById('plat1Text').style.display = "none";
	document.getElementById('plat2Text').style.display = "none";
	document.getElementById('plat3Text').style.display = "none";
	document.getElementById('plat1').style.backgroundPosition = "0 0";
	document.getElementById('plat2').style.backgroundPosition = "0 0";
	document.getElementById('plat3').style.backgroundPosition = "0 0";
	
	document.getElementById('plat' + platNum + 'Text').style.display = "block";
	document.getElementById('devPlatformArrows').style.left = left + "px";
	document.getElementById('plat' + platNum).style.backgroundPosition = "0 -144px";
}

//Research
function sectionInfoContainer(masterContentId, mainImageUri, overImageUri, extraImageId, extraImageUri, extraOverImageUri, mainBkgndImageUri, subBkgndImageUri)
{
	this.masterContentId = masterContentId;
	this.navBkgndImage = new Image();
	this.navBkgndImage.src = mainImageUri; 
	this.navBkgndImageUri = mainImageUri;
	this.navBkgndOvrImage = new Image();
	this.navBkgndOvrImage.src = overImageUri;
	this.navBkgndOvrImageUri = overImageUri;
	this.extraImageId = extraImageId;
	this.extraImage= new Image();
	this.extraImage.src = extraImageUri;
	this.extraImageUri = extraImageUri;
	this.extraImageOver= new Image();
	this.extraImageOver.src = extraOverImageUri;
	this.extraImageOverUri = extraOverImageUri;
	this.subBkgroundImage = new Image();
	this.subBkgroundImage.src = subBkgndImageUri;
	this.mainBkgroundImageUri = mainBkgndImageUri;
	this.subBkgroundImageUri = subBkgndImageUri;
}

function mouseOverShowNewContent(objId)
{
	for(count=0; count< sections.length; count++)
	{
		if(sections[count] != objId)
		{
			navId = 'nav-' + sections[count];
			document.getElementById(navId).style.background="url("+sectionInformation[sections[count]].navBkgndOvrImageUri+")";		
		}
	}

	document.getElementById(sectionInformation[objId].extraImageId).src=sectionInformation[objId].extraImageOver.src;
	document.getElementById('research-bkgnd').style.background = "url("+sectionInformation[objId].subBkgroundImageUri+")";
	document.getElementById('research-main-content').style.display="none";
	document.getElementById(objId+'-content').style.display="block";
}

function mouseOffHideNewContent(objId)
{

	for(count=0; count< sections.length; count++)
	{
		if(sections[count] != objId)
		{
			navId = 'nav-' + sections[count];
			document.getElementById(navId).style.background = "url("+sectionInformation[sections[count]].navBkgndImageUri+")";
		}
	}
	document.getElementById(sectionInformation[objId].extraImageId).src = sectionInformation[objId].extraImage.src;
	document.getElementById('research-bkgnd').style.background = "url("+sectionInformation[objId].mainBkgroundImageUri+")";
	document.getElementById(objId+'-content').style.display="none";
	document.getElementById('research-main-content').style.display="block";
}

function toggle2DivState(showDiv,hideDiv)
{
	alert(document.getElementById(hideDiv));
    toggleDivVisibility(hideDiv);
    toggleDivVisibility(showDiv);
}

function resCoreSwap(divID, state) {
	if(state == "over") {
		document.getElementById('resLandingButton' + divID).style.backgroundPosition = "center top";
		document.getElementById('resLandingCoreText' + divID).style.display = "block";
		document.getElementById('resLandingMainText').style.display = "none";
		document.getElementById('resLandingHeaderRight').style.backgroundImage = "url(../images/research/research_top_right" + divID + ".jpg)";
	} else {
		document.getElementById('resLandingButton' + divID).style.backgroundPosition = "center bottom";
		document.getElementById('resLandingCoreText' + divID).style.display = "none";
		document.getElementById('resLandingMainText').style.display = "block";
		document.getElementById('resLandingHeaderRight').style.backgroundImage = "url(../images/research/research_top_right.jpg)";
	}
}