var playlistId = "FE6456A74EDA008D";
var playlistUserQsId = "B79CD7FC8670497D";
var allVideoIds = [];
var currVideoIdx = 0;
var allUserQVideoIds = [];
var currUserQVideoIdx = 0;
var allNewsItems = [];
var kYouChooseMode = 0;
var kUserQsMode = 1;
var kNewsMode = 2;
var kSubmitMode = 3;
function gadgetInit()
{
_IG_FetchXmlContent("http://www.youtube.com/api2_rest?method=youtube%2Evideos%2Elist%5Fby%5Fplaylist&id=" + playlistId, function (response)
{
if (response == null || typeof(response) != "object" || response.firstChild == null)
return;
var videoIds = response.getElementsByTagName("id");
if(videoIds.length == 0)
return;
for(var i = 0; i < videoIds.length; i++)
allVideoIds.push(videoIds[i].firstChild.nodeValue);
fisherYates(allVideoIds);
currVideoIdx = 0;
switchToMode(kYouChooseMode);
});
_IG_FetchXmlContent("http://feeds.feedburner.com/youmoz", function (response)
{
if (response == null || typeof(response) != "object" || response.firstChild == null)
return;
var newsItems = response.getElementsByTagName('item');
for(var i = 0; i < newsItems.length; i++)
{
var link = newsItems[i].getElementsByTagName('link')[0].firstChild.nodeValue;
var title = newsItems[i].getElementsByTagName('title')[0].firstChild.nodeValue;
var description = newsItems[i].getElementsByTagName('description')[0].firstChild.nodeValue;
allNewsItems.push({link:link,title:title,description:description});
}
showNews();
});
_IG_FetchXmlContent("http://www.youtube.com/api2_rest?method=youtube%2Evideos%2Elist%5Fby%5Fplaylist&id=" + playlistUserQsId, function (response)
{
if (response == null || typeof(response) != "object" || response.firstChild == null)
return;
var videoIds = response.getElementsByTagName("id");
if(videoIds.length == 0)
return;
for(var i = 0; i < videoIds.length; i++)
allUserQVideoIds.push(videoIds[i].firstChild.nodeValue);
fisherYates(allUserQVideoIds);
currUserQVideoIdx = 0;
});
_gel("topCellImg0").src = _IG_GetImageUrl("http://hosting.gmodules.com/ig/gadgets/file/104462838893004134091/title1.png");
_gel("topCellImg1").src = _IG_GetImageUrl("http://hosting.gmodules.com/ig/gadgets/file/104462838893004134091/title2.png");
_gel("topCellImg2").src = _IG_GetImageUrl("http://hosting.gmodules.com/ig/gadgets/file/104462838893004134091/title3.png");
_gel("topCellImg3").src = _IG_GetImageUrl("http://hosting.gmodules.com/ig/gadgets/file/104462838893004134091/title4.png");
_gel("imgLogo").src = _IG_GetImageUrl("http://hosting.gmodules.com/ig/gadgets/file/104462838893004134091/logo.png");
fixPNG(_gel('imgLogo'));
_gel("gradientBgDiv").style.backgroundImage = "url(" + _IG_GetImageUrl("http://hosting.gmodules.com/ig/gadgets/file/104462838893004134091/gradient.png") + ")";
}
function fisherYates ( myArray ) {
var i = myArray.length;
if ( i == 0 ) return false;
while ( --i ) {
var j = Math.floor( Math.random() * ( i + 1 ) );
var tempi = myArray[i];
var tempj = myArray[j];
myArray[i] = tempj;
myArray[j] = tempi;
}
}
function prevVideo()
{
if((currVideoIdx = currVideoIdx - 1) < 0)
currVideoIdx = allVideoIds.length - 1;
loadVideo(currVideoIdx, true);
}
function nextVideo()
{
if((currVideoIdx = 1 + currVideoIdx) == allVideoIds.length)
currVideoIdx = 0;
loadVideo(currVideoIdx, true);
}
function embedFlash(youtubeId, divId, playNow)
{
_gel(divId).innerHTML = "";
_IG_EmbedFlash('http://www.youtube.com/v/' + youtubeId, divId,
{
swf_version: 6,
id: "flashmovie",
width: 317,
height: 180,
flashvars: ((playNow)? 'autoplay=true':'')
});
}
function writeSelectingArrows(videoIdx, videoTotal, prevVideoFunc, nextVideoFunc)
{
var out = "";
_gel('selectingArrowsDiv').innerHTML = out;
_gel('selectingArrowsDiv').style.display = "block";
fixPNG(_gel('leftArrowImg'));
fixPNG(_gel('rightArrowImg'));
}
function loadVideo(videoIdx, playNow)
{
if(allVideoIds.length <= videoIdx)
return;
currVideoIdx = videoIdx;
embedFlash(allVideoIds[videoIdx], 'youChooseDiv', playNow);
writeSelectingArrows(currVideoIdx, allVideoIds.length, 'prevVideo', 'nextVideo');
}
function prevUserVideo()
{
if((currUserQVideoIdx = currUserQVideoIdx - 1) < 0)
currUserQVideoIdx = allUserQVideoIds.length - 1;
loadUserVideo(currUserQVideoIdx, true);
}
function nextUserVideo()
{
if((currUserQVideoIdx = 1 + currUserQVideoIdx) == allUserQVideoIds.length)
currUserQVideoIdx = 0;
loadUserVideo(currUserQVideoIdx, true);
}
function loadUserVideo(videoIdx, playNow)
{
if(allUserQVideoIds.length <= videoIdx)
return;
currUserQVideoIdx = videoIdx;
embedFlash(allUserQVideoIds[videoIdx], 'userQsDiv', playNow);
writeSelectingArrows(currUserQVideoIdx, allUserQVideoIds.length, 'prevUserVideo', 'nextUserVideo');
}
function showNews()
{
var out = "YouMoz
Articles from SEOmoz members
";
for(var i = 0; i < Math.min(allNewsItems.length, 5); i++)
{
out += "";
out += ""+allNewsItems[i].description+"
";
}
_gel('newsDiv').innerHTML = out;
}
function switchToMode(mode)
{
var modeName = '';
switch(mode)
{
case kYouChooseMode: modeName = "youChoose"; break;
case kUserQsMode: modeName = "userQs"; break;
case kNewsMode: modeName = "news"; break;
case kSubmitMode: modeName = "submit"; break;
}
var modeDivs = ['youChooseDiv', 'userQsDiv', 'newsDiv', 'submitDiv'];
var modeCells = ['youChooseCell', 'userQsCell', 'newsCell', 'submitCell'];
for(var i = 0; i < modeDivs.length; i++)
{
if(mode == i)
{
_gel(modeDivs[i]).style.display = "block";
_gel(modeCells[i]).style.borderBottom = "0px";
}
else
{
_gel(modeDivs[i]).style.display = "none";
_gel(modeCells[i]).style.borderBottom = "1px solid #d9d9d9";
}
}
if(mode == kYouChooseMode)
loadVideo(currVideoIdx, false);
else
_gel('youChooseDiv').innerHTML = "";
if(mode == kUserQsMode)
loadUserVideo(currUserQVideoIdx, false);
else
_gel('userQsDiv').innerHTML = "";
if(mode != kYouChooseMode && mode != kUserQsMode)
_gel('selectingArrowsDiv').style.display = "none";
}
_IG_RegisterOnloadHandler(gadgetInit);
function fixPNG(img)
{
if (!(/MSIE (5\.5|6).+Win/.test(navigator.userAgent)))
return;
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = ""
img.outerHTML = strNewHTML
}
}
}
]]>
![]("+ _IG_GetImageUrl("http://www.gadzi.com/gadgets/happyslip/left-arrow.png") +"){kind=icon}
![]("+ _IG_GetImageUrl("http://www.gadzi.com/gadgets/happyslip/right-arrow.png") +"){kind=icon}