var slideShowUrl = '/js/home_slideshow.swf';
var vidRssUrl = '/rssdatahandler.ashx?action=video&itemid=';
var picRssUrl = '/rssdatahandler.ashx?action=gallery&itemid=';
var artRssUrl = '/rssdatahandler.ashx?action=article&itemid=';
var preccTag=($jQ.browser.safari)?'':'CI\\:';

$jQ(function(){
    // default is to remove buildpictarea and set idTabs to empty
    $jQ("#wedgeMain ul").idTabs("wedgVideo");
    
    // in case the photos is the default
    // $jQ("#wedgeMain ul").idTabs("wedgPhotos");
    // buildPicArea();
    
    $jQ(".wedgeNav a").click(function(){
    var picTab = $jQ(".wedgeNav a").index(this);
    switch(picTab) {case 0:buildVidArea();break;case 1:buildPicArea();break;case 2:buildArtArea();break;default:break;}
    var extraDivArray = new Array('showMoreVids', 'showMorePics', 'showMoreArts', 'showMoreBlog');
    for (var i=0;i<extraDivArray.length;i++) {var thisIsVisible = $jQ('#'+extraDivArray[i]).is(':visible');if(thisIsVisible) {$jQ('#'+extraDivArray[i]).toggle();$jQ('.'+extraDivArray[i]).text('EXPLORE MORE [ + ]');}}
    getWedgeImages('pic');getWedgeImages('vid');});buildVidArea();});

var vidPicArray = new Array();
var vidLoaded = false;
function buildVidArea() {
if(vidLoaded) return;
vidLoaded = true;
    var j=0;
    var vidDivObj = $jQ("#wedgVideo").html('');
    var showMoreVids = $jQ(document.createElement("div")).attr("id","showMoreVids");
    var exploreLink = $jQ('<a href="javascript:wedgeShowMore(\'Vids\');" class="showMoreVids">EXPLORE MORE [ + ]</a>');
    vidDivObj.append(exploreLink);
    var rndCount = 0;var buildHtml='';var widgetVidID='';
    for (j=1;j<=3;j++) {    
    switch(j) {case 1:widgetVidID = LinkedVideo1;break;case 2:widgetVidID = LinkedVideo2;break;case 3:widgetVidID = LinkedVideo3;break;default:break;}
    $jQ.ajax({
    type: "GET",
    url: vidRssUrl+widgetVidID,async: false,dataType: "xml",
    success: function(xml) {
    rndCount = rndCount+1;
    var xmlObj = $jQ(xml).find('item');
    var h2Obj = $jQ(document.createElement("h2"));
    var xmlH2 = $jQ(xmlObj).find('title').text();h2Obj.html(xmlH2);
    var vidCont = $jQ(document.createElement("div")).attr("id","vid"+rndCount+"Div");
    var ciMedia = $jQ(xmlObj).find(preccTag+'media');
    var imgUrl = $jQ(ciMedia).find(preccTag+'popupImage').text();vidPicArray[rndCount] = imgUrl;vidCont.html('<a href="javascript:getMyvid'+'(\''+rndCount+'\');" class="vidCallLink"><img src="'+imgUrl+'" width="485" height="273" /><div class="vidOverlay"></div></a>');
    var wedgeVidMeta = $jQ(document.createElement("div")).attr("className","wedgeVidMeta");
    var xmlDesc = $jQ(xmlObj).find('description').text();wedgeVidMeta.html('<p>'+xmlDesc+'</p><br /><a href="http://getinvolved.conservation.org/site/TellAFriend?page='+encodeURIComponent('http://www.conservation.org/fmg/pages/videoplayer.aspx?videoid='+widgetVidID)+'">Share</a><a href="/FMG/Pages/Videos.aspx">More Videos</a>');
    var clearCont = $jQ(document.createElement("div")).attr("className","clearMe");
    if(rndCount=='1') {vidDivObj.append(h2Obj);vidDivObj.append(vidCont);vidDivObj.append(wedgeVidMeta);vidDivObj.append(clearCont);vidDivObj.append(showMoreVids);
    } else if(rndCount=='2') {showMoreVids.append(h2Obj);showMoreVids.append(vidCont);showMoreVids.append(wedgeVidMeta);showMoreVids.append(clearCont);
    } else {showMoreVids.append(h2Obj);showMoreVids.append(vidCont);showMoreVids.append(wedgeVidMeta);showMoreVids.append(clearCont);}}});}}

var picPicArray = new Array();
var picLoaded = false;
function buildPicArea() {
if(picLoaded) return;
picLoaded = true;
    var j=0;
    var vidDivObj = $jQ("#wedgPhotos").html('');
    var showMoreVids = $jQ(document.createElement("div")).attr("id","showMorePics");
    var exploreLink = $jQ('<a href="javascript:wedgeShowMore(\'Pics\');" class="showMorePics">EXPLORE MORE [ + ]</a>');
    vidDivObj.append(exploreLink);
    var rndCount = 0;var buildHtml='';var widgetPicID='';
    for (j=1;j<=3;j++) {
    switch(j) {case 1:var widgetPicID = LinkedGallery1;break;case 2:var widgetPicID = LinkedGallery2;break;case 3:var widgetPicID = LinkedGallery3;break;default:break;}
    $jQ.ajax({
    type: "GET",
    url: picRssUrl+widgetPicID,async: false,dataType: "xml",
    success: function(xml) {
    rndCount = rndCount+1;
    var xmlObj = $jQ(xml).find('item');
    var h2Obj = $jQ(document.createElement("h2"));
    var xmlH2 = $jQ(xmlObj).find('title').text();h2Obj.html(xmlH2);
    var vidCont = $jQ(document.createElement("div")).attr("id","pic"+rndCount+"Div");
    var ciMedia = $jQ(xmlObj).find(preccTag+'media');
    var imgUrl = $jQ(ciMedia).find(preccTag+'popupImage').text();picPicArray[rndCount] = imgUrl;vidCont.html('<a href="javascript:getMypic'+'(\''+rndCount+'\');" class="vidCallLink"><img src="'+imgUrl+'" width="485" height="273" /><div class="vidOverlay"></div></a>');
    var wedgeVidMeta = $jQ(document.createElement("div")).attr("className","wedgeVidMeta");            
    var xmlDesc = $jQ(xmlObj).find('description').text();wedgeVidMeta.html('<p>'+xmlDesc+'</p><br /><a href="http://getinvolved.conservation.org/site/TellAFriend?page='+encodeURIComponent('http://www.conservation.org/fmg/pages/galleryplayer.aspx?galleryid='+widgetPicID)+'">Share</a><a href="/FMG/Pages/photos.aspx">More Photos</a>');
    var clearCont = $jQ(document.createElement("div")).attr("className","clearMe");
    if(rndCount=='1') {vidDivObj.append(h2Obj);vidDivObj.append(vidCont);vidDivObj.append(wedgeVidMeta);vidDivObj.append(clearCont);vidDivObj.append(showMoreVids);
    } else if(rndCount=='2') {showMoreVids.append(h2Obj);showMoreVids.append(vidCont);showMoreVids.append(wedgeVidMeta);showMoreVids.append(clearCont);
    } else {showMoreVids.append(h2Obj);showMoreVids.append(vidCont);showMoreVids.append(wedgeVidMeta);showMoreVids.append(clearCont);}}});}}

var artPicArray = new Array();
var artLoaded = false;
function buildArtArea() {
if(artLoaded) return;
artLoaded = true;
    var j=0;
    var vidDivObj = $jQ("#wedgStories").html('');
    var showMoreVids = $jQ(document.createElement("div")).attr("id","showMoreArts");
    var exploreLink = $jQ('<a href="javascript:wedgeShowMore(\'Arts\');" class="showMoreArts">EXPLORE MORE [ + ]</a>');
    vidDivObj.append(exploreLink);
    var rndCount = 0;var buildHtml='';var widgetArtID='';
    for (j=1;j<=3;j++) {    
    switch(j) {case 1:var widgetArtID = LinkedArticle1;break;case 2:var widgetArtID = LinkedArticle2;break;case 3:var widgetArtID = LinkedArticle3;break;default:break;}
    $jQ.ajax({
    type: "GET",
    url: artRssUrl+widgetArtID,async: false,dataType: "xml",
    success: function(xml) {
    rndCount = rndCount+1;
    var xmlObj = $jQ(xml).find('item');
    var h2Obj = $jQ(document.createElement("h2"));
    if(rndCount==2 || rndCount==3) h2Obj.attr("class","storyBreaker");
    var xmlH2 = $jQ(xmlObj).find('title').text();h2Obj.html(xmlH2);
    var vidCont = $jQ(document.createElement("div")).attr("id","art"+rndCount+"Div");
    var ciMedia = $jQ(xmlObj).find(preccTag+'media');
    var imgUrl = $jQ(ciMedia).find(preccTag+'thumbnail').text();artPicArray[rndCount] = imgUrl;vidCont.html('<img src="'+imgUrl+'" width="158" height="100" />');
    var wedgeVidMeta = $jQ(document.createElement("div")).attr("className","wedgeArtMeta");
    var readMoreUrl = $jQ(xmlObj).find(preccTag+'linkURL').text().replace(/\n/g, '').replace(/\r/g, '');
    var xmlDesc = $jQ(xmlObj).find(preccTag+'bodyText').text();
    xmlDesc = ellipsis(xmlDesc, 1000);
    wedgeVidMeta.html(xmlDesc+'<br /><a href="'+readMoreUrl+'">Read More &raquo;</a><br /><br /><a href="http://getinvolved.conservation.org/site/TellAFriend?page='+encodeURIComponent(readMoreUrl)+'">Share</a> | <a href="http://www.conservation.org/FMG/Pages/articles.aspx">More Stories</a>');
    var clearCont = $jQ(document.createElement("div")).attr("className","clearMe");
    if(rndCount=='1') {vidDivObj.append(h2Obj);vidDivObj.append(vidCont);vidDivObj.append(wedgeVidMeta);vidDivObj.append(clearCont);vidDivObj.append(showMoreVids);
    } else if(rndCount=='2') {showMoreVids.append(h2Obj);showMoreVids.append(vidCont);showMoreVids.append(wedgeVidMeta);showMoreVids.append(clearCont);
    } else {showMoreVids.append(h2Obj);showMoreVids.append(vidCont);showMoreVids.append(wedgeVidMeta);showMoreVids.append(clearCont);}}});}}

function wedgeShowMore(wch) {
	$jQ('#showMore'+wch).toggle("fast");
    var changeText = $jQ('.showMore'+wch).text() == "EXPLORE MORE [ + ]" ? "EXPLORE LESS [ - ]" : "EXPLORE MORE [ + ]";
    $jQ('.showMore'+wch).fadeOut(function(){ $jQ(this).text(changeText).fadeIn(); });}

var getVidCalled=false;
function getMyvid(obj) {
if(getVidCalled) getWedgeImages('vid');
getVidCalled=true;
    var vidID;
    switch(obj) {case '1':vidID = LinkedVideo1;break;case '2':vidID = LinkedVideo2;break;case '3':vidID = LinkedVideo3;break;default:break;}
    var so = new SWFObject(slideShowUrl, 'vid'+obj, "485", "273", "8", "#000000");so.addParam('menu','false');so.addParam('wmode','transparent');so.addVariable("xmlType", "rss");so.addVariable("xmlPath", "/rssdatahandler.ashx");
    so.addVariable("actionType", "video");
    so.addVariable("loadKind", "itemID");
    so.addVariable("loadKindId", vidID);
    so.write('vid'+obj+'Div');}

var getPicsCalled=false;
function getMypic(obj) {
if(getPicsCalled) getWedgeImages('pic');
getPicsCalled=true;
    var picID;
    switch(obj) {case '1':picID = LinkedGallery1;break;case '2':picID = LinkedGallery2;break;case '3':picID = LinkedGallery3;break;default:break;}
    var so = new SWFObject(slideShowUrl, 'pic'+obj, "485", "273", "8", "#000000");so.addParam('menu','false');so.addParam('wmode','transparent');so.addVariable("xmlType", "rss");so.addVariable("xmlPath", "/rssdatahandler.ashx");so.addVariable("actionType", "gallery");
    so.addVariable("loadKind", "itemid");
    so.addVariable("loadKindId", picID);
    so.write('pic'+obj+'Div');}

function getWedgeImages(wch) {
    for (var i=1;i<=3;i++) {
    switch(wch) {case 'vid':thisSwfPic = vidPicArray;break;case 'pic':thisSwfPic = picPicArray;break;case 'art':thisSwfPic = artPicArray;break;default:break;}    
    $jQ("#"+wch+i+"Div").html('<a href="javascript:getMy'+wch+'(\''+i+'\');" class="vidCallLink"><img src=" '+thisSwfPic[i]+'" width="485" height="273" /><div class="vidOverlay"></div></a>');}}
    
function ellipsis(x, maxlen) {
    if (x.length <= maxlen)
    return x
    else if (maxlen < 4)
    return x.substring(0, maxlen) // no room for ellipsis
    else return x.substring(0, maxlen-3) + "...";
}