// Test Variables List - BEGIN
var playlistHeading = 'dis is da playliss';
var extrasTabA = 'larger View';
var extrasTabB = 'credits';
var extrasTabC = 'Notes';
var extrasTabD = 'Other';
// Test Variables List - END
// Variables List - BEGIN

// Initialization
var imageContainerDiv;
var targetIMAGE;
var CSS_BackgroundImage
var imageLoaded;

// ImageViewer
var screentoggler;
var imgDimensions;
var imageLoadCheck;
var imgWidth;
var imgHeight;
var imgResizable;
var imageViewFull;
var imgMEDwidth = 480;
var imgMEDheight = 360;
var imageEmbedExceeded;
var zoomFitTo;
var zoomCounter;
var zoomRatio = 1.25;
var maxZoom = 15;
var minZoom = -15;
    
// Slide Show
var rotationDelayPoll;
var playSlideShow;
var fadedIn;
var pollForFade;
var rotationDelay = 5000;
var slideShowActive;
var playSlideShowButton;
var pollFadeOut;
var fadeOutOpacity;
var pollFadeIn;
var fadeInOpacity;
var fadeRate = 25;
    
// Layout Div Dimensions
var presetHeaderHeight;
var presetControlsHeight;
var presetFooterHeight;
var presetPlaylistWidth;

// sticky button state
var forwardingState;
var listingState;
var prevListingState;
      
// Window Resize
var lngDlgWidth;
var lngDlgHeight;
var winRszWidth = 1120;
var winRszWidthAlt = 1024;
var winRszHeight = 768;
var setDefaultFullscreen;
      

// Variables List - END
/* toggle CONTENT function - BEGIN ******************************/
function toggleContent(ListItem,counternum) {   
   i = counternum;
   listItemInfoAA();
   markerPlaylist(counternum);
   if (ListItem == "image_jpg") {
      LOAD_image();
   } else {
      UNLOAD_image();
      createViewerDivs();
      document.getElementById('defaultFrame').style.display = "block";
   }
}
/* toggle CONTENT function - END ******************************/
/* MEDIA by type function - BEGIN ******************************/   
function UNLOAD_image() {
   document.getElementById('bmc_fullscreen').style.display = "none";
   document.getElementById('image_jpg').style.top = "-2000px";
}   
function LOAD_image() {
   setupLayout();
   loadImage();
   $.post("/contentmanagerui/common/updatemetrics.asp", {rpoid: ListItem[i][3][0], sioid: ListItem[i][3][1] }, function(data){}); 
}

function grabBGImage() {
    imageContainerDiv = document.getElementById('image_jpg');
    CSS_BackgroundImage = imageContainerDiv.style.backgroundImage;
}

function loadImage() {
	imageContainerDiv = document.getElementById('image_jpg');
	imageContainerDiv.style.backgroundImage = CSS_BackgroundImage;
	imageContainerDiv.innerHTML = "";
	imageLoaded = false;
	targetIMAGE = imageContainerDiv.appendChild(document.createElement('img'));  
	targetIMAGE.border = 0;
	if (imageViewFull) {	
		if (slideShowActive) {
			fadedIn = false;
			setOpacity(0);
		}
		targetIMAGE.src = ListItem[i][0][1];
	} else {
		targetIMAGE.src = ListItem[i][0][1];
	}
	getImageDIM();
}
/* MEDIA by type function - END *******************************/   
// auto playthrough - BEGIN
function slideShow() {
	rotationDelayPoll = setInterval("incrementSlideShowFADE();",rotationDelay);
	slideShowActive = true;
}

function incrementSlideShowFADE() {
	if (i < (ListItem.length - 1) && i >= 0) {
		if (fadedIn != false) {
			fadeOutInit();
			pollForFade = setInterval("incrementSlideShow();",100);
		}
	} else {
		clearSlideShow();
	}
}

function incrementSlideShow() {
	if (fadedIn == false) {
		nextMedia = i + 1;
		toggleContent(ListItem[nextMedia][0][0],nextMedia);
		clearInterval(pollForFade);
	}
}

function clearSlideShow(source) {
	clearInterval(pollForFade);
	clearInterval(rotationDelayPoll);
	clearInterval(pollFadeOut);
	clearInterval(pollFadeIn);
	if (source != 'playButton' && slideShowActive == true) {
		playSlideShow(playSlideShowButton);
	}
	setOpacity(100);
	fadedIn = true;
	slideShowActive = false;
}

// auto playthrough - END
// fade image - BEGIN

function setOpacity(opacity) {
   if (targetIMAGE.style.MozOpacity!=null) {
		targetIMAGE.style.MozOpacity = (opacity/100);
	} else if (targetIMAGE.style.opacity!=null) {
		targetIMAGE.style.opacity = (opacity/100);
	} else if (targetIMAGE.style.filter!=null) {
		targetIMAGE.style.filter = "alpha(opacity="+opacity+")";
	}
}

function fadeOutInit() {
	if (targetIMAGE.style.MozOpacity!=null) {  
		targetIMAGE.style.MozOpacity = 1;
	} else if (targetIMAGE.style.opacity!=null) {
		targetIMAGE.style.opacity = 1;
	} else if (targetIMAGE.style.filter!=null) {
		targetIMAGE.style.filter = "alpha(opacity=100)";
	}
	fadeOutOpacity = 100;
	pollFadeOut = setInterval("fadeOut();", fadeRate);
}

function fadeOut() {
	if (fadeOutOpacity > 0) {
		if (targetIMAGE.style.MozOpacity!=null) {
			targetIMAGE.style.MozOpacity = (fadeOutOpacity/100)-.001;
		} else if (targetIMAGE.style.opacity!=null) {
			targetIMAGE.style.opacity = (fadeOutOpacity/100)-.001;
		} else if (targetIMAGE.style.filter!=null) {
			targetIMAGE.style.filter = "alpha(opacity="+fadeOutOpacity+")";
		}
		fadeOutOpacity -= 10;
	} else {
		fadedIn = false;
		clearInterval(pollFadeOut);
	}
}

function fadeInInit() {	
	if (targetIMAGE.style.MozOpacity!=null) {  
		targetIMAGE.style.MozOpacity = 0;
	} else if (targetIMAGE.style.opacity!=null) {
		targetIMAGE.style.opacity = 0;
	} else if (targetIMAGE.style.filter!=null) {
		targetIMAGE.style.filter = "alpha(opacity=0)";
	}
	fadeInOpacity = 0;
	pollFadeIn = setInterval("fadeIn();", fadeRate);
}

function fadeIn() {
	if (fadeInOpacity < 100) {
		if (targetIMAGE.style.MozOpacity!=null) {
			targetIMAGE.style.MozOpacity = (fadeInOpacity/100)+.001;
		} else if (targetIMAGE.style.opacity!=null) {
			targetIMAGE.style.opacity = (fadeInOpacity/100)+.001;
		} else if (targetIMAGE.style.filter!=null) {
			targetIMAGE.style.filter = "alpha(opacity="+fadeInOpacity+")";
		}
		fadeInOpacity += 10;
	} else {
		if (targetIMAGE.style.MozOpacity!=null) {
			targetIMAGE.style.MozOpacity = 1;
		} else if (targetIMAGE.style.opacity!=null) {
			targetIMAGE.style.opacity = 1;
		} else if (targetIMAGE.style.filter!=null) {
			targetIMAGE.style.filter = "alpha(opacity=100)";
		}
		fadedIn = true;
		clearInterval(pollFadeIn);
	}
}
// fade image - END
/* image div resize function - BEGIN ******************************/
function getImageDIM() {
    imageContainerDiv.style.overflow = 'hidden';
    imageLoadCheck = setInterval("getImageDimFunc();",250);
}

function getImageDimFunc() {
    imageContainerDiv = document.getElementById('image_jpg');     
    var divWidth = (imageContainerDiv.clientWidth - 20);
    var divHeight = (imageContainerDiv.clientHeight - 16);
    var divWidthFull = imageContainerDiv.clientWidth;
    var divHeightFull = imageContainerDiv.clientHeight;
    targetIMAGE = imageContainerDiv.firstChild;  
    imgWidth;
    imgHeight;
    var divRATIO = divWidth / divHeight;
    var divRATIOFull = divWidthFull / divHeightFull;
    
    if (targetIMAGE.clientHeight > 0) {
        imgWidth;
        imgHeight;
        if (!imageLoaded) {
            imgWidth = targetIMAGE.clientWidth;
            imgHeight = targetIMAGE.clientHeight;
        }
                
		  var imgRATIO = imgWidth / imgHeight;
        
        if (imageViewFull) {
			  if (imgRATIO > divRATIOFull) {
					targetIMAGE.style.width = divWidthFull +'px';
					targetIMAGE.style.height = (divWidthFull / imgRATIO) +'px';
			  } else if (imgRATIO < divRATIOFull) {
					targetIMAGE.style.width = (divHeightFull * imgRATIO) +'px';
					targetIMAGE.style.height = divHeightFull +'px';
			  } else {
					targetIMAGE.style.width = divWidthFull +'px';
					targetIMAGE.style.height = divHeightFull +'px';
			  }
        } else {
			  if (imgRATIO > divRATIO && imgWidth > divWidth) {
					targetIMAGE.style.width = divWidth +'px';
					targetIMAGE.style.height = (divWidth / imgRATIO) +'px';
			  } else if (imgRATIO <= divRATIO && imgHeight > divHeight) {
					targetIMAGE.style.width = (divHeight * imgRATIO) +'px';
					targetIMAGE.style.height = divHeight +'px';
			  }
			  imageContainerDiv.style.width = '';
			  imageContainerDiv.style.height = '';
        }
                
        var newImgWidth = targetIMAGE.clientWidth;
        var newImgHeight = targetIMAGE.clientHeight;
        targetIMAGE.style.marginLeft = '-'+ newImgWidth / 2 + 'px';
        targetIMAGE.style.marginTop = '-'+ newImgHeight / 2 + 'px';
        targetIMAGE.style.left = '50%';
        targetIMAGE.style.top = '50%';
        
        clearInterval(imageLoadCheck);
        imageContainerDiv.style.backgroundImage = "none";
        if (fadedIn == false && slideShowActive) {
			  fadeInInit();
		  }
        imageLoaded = true;
        imgResizable = true;
    }
}

function mediaResizerFull(state) {      
	imageViewFull = true;
   imageContainerDiv = document.getElementById('image_jpg');
   
   imageContainerDiv.style.top = "0";
   imageContainerDiv.style.left = "0";
   imageContainerDiv.style.marginTop = "0";
   imageContainerDiv.style.marginLeft = "0";
   imageContainerDiv.style.width = "100%";
   imageContainerDiv.style.height = "100%";
   		
   if (state == 'fromDefault') {
		loadImage();
   } else {
      getImageDimFunc();
   }
}

function mediaResizerDefault(state) {
	imageViewFull = false;       
   if (state == 'fromFull') {
		imageContainerDiv.style.left = "";
		imageContainerDiv.style.marginTop = "";
		imageContainerDiv.style.marginLeft = "";
		imageContainerDiv.style.width = "";
		imageContainerDiv.style.height = "";
		clearSlideShow();
		loadImage();
   }
}

function trackMediaSizing(caller) {
   if (imgResizable == true && caller == 'resize' && screentoggler == 'image') {
      mediaResizerFull();
   }
   if (caller != 'resize' && screentoggler != 'image') {
      mediaResizerDefault();
   }
}

function fullScreen(state) {
   if (state == "image" && screentoggler != state) { 
      screentoggler = state;
      setResizeClass('fullscreen');
      resizeWindow('fullscreen');
      FSHeader();
      hideFooter();
      hidePlaylist();
      mediaResizerFull('fromDefault');
   } else {
      screentoggler = 0;
      setResizeClass();
      resizeWindow();
      RegHeader();
      showFooter();
      showPlaylist();
      mediaResizerDefault('fromFull');
   }
}
/* image div resize function - END ******************************/
/* image resize function - BEGIN ******************************/
if ((typeof(zoomCounter)!='number')) {zoomCounter = 0;}
if ((typeof(zoomFitTo)!='boolean')) {zoomFitTo = false;}

function manipulateImageSize(state) {
	 clearSlideShow();
    imgResizable = false;
    
    imageContainerDiv = document.getElementById('image_jpg');
    targetIMAGE = imageContainerDiv.firstChild;  
    var currentImgWidth = targetIMAGE.clientWidth;
    var currentImgHeight = targetIMAGE.clientHeight;
    
    imageContainerDiv.style.overflow = 'auto';
    
    zoomFitTo;
    zoomCounter;
    zoomRatio;
    
    if (state == 'larger' && zoomCounter < maxZoom) {
        targetIMAGE.style.width = (currentImgWidth * zoomRatio) + 'px';
        targetIMAGE.style.height = (currentImgHeight * zoomRatio) + 'px';
        zoomImagePosition(targetIMAGE,imageContainerDiv);
        zoomFitTo = false;
        zoomCounter++;
    } else if (state == 'smaller' && zoomCounter > minZoom) {
        targetIMAGE.style.width = (currentImgWidth / zoomRatio) + 'px';
        targetIMAGE.style.height = (currentImgHeight / zoomRatio) + 'px';
        zoomImagePosition(targetIMAGE,imageContainerDiv);
        zoomFitTo = false;
        zoomCounter--;
    } else if (state == 'fitToScreen' && zoomFitTo != true) {
        getImageDIM();
        zoomFitTo = true;
        zoomCounter = 0;
    } else if (state == 'original') {
        targetIMAGE.style.width = imgWidth +'px';
        targetIMAGE.style.height = imgHeight +'px';
        zoomImagePosition(targetIMAGE,imageContainerDiv);
        zoomFitTo = false;
        zoomCounter = 0;
    } 
}

function zoomImagePosition(targetIMAGE,imageContainerDiv) {
     if (targetIMAGE.clientWidth > imageContainerDiv.clientWidth) {
		  targetIMAGE.style.marginLeft = 0;
		  targetIMAGE.style.left = 0;
     } else {
		  targetIMAGE.style.marginLeft = '-'+ (targetIMAGE.clientWidth/2) + 'px';
		  targetIMAGE.style.left = '50%';
     }
     if (targetIMAGE.clientHeight > imageContainerDiv.clientHeight) {
		  targetIMAGE.style.marginTop = 0;
		  targetIMAGE.style.top = 0;
     } else {
		  targetIMAGE.style.marginTop = '-'+ (targetIMAGE.clientHeight/2) + 'px';
		  targetIMAGE.style.top = '50%';
     }
}

/* image resize function - END ******************************/
/* toggle hide/show playlist/header function - BEGIN ******************************/
function toggleVIEWER(state) {
   if (state == "fullFEATURE_off") {
      FSHeader();
      hideFooter();
      hidePlaylist();
   } else {
      RegHeader();
      showFooter();
      showPlaylist();
   }
}
/* toggle hide/show playlist/header function - END ******************************/
/* playlist/header functions - BEGIN ******************************/
   function FSHeader() {
      presetHeaderHeight = document.getElementById('RowHeader').clientHeight;
      presetControlsHeight = document.getElementById('mediaControls_playlist').clientHeight;
      document.getElementById('RowHeader').style.height = presetControlsHeight + "px";
      document.getElementById('RowMiddle').style.top = presetControlsHeight + "px";
      divResizer();
   }
   function RegHeader() {
      document.getElementById('RowHeader').style.height = "";
      document.getElementById('RowMiddle').style.top = "";
      divResizer();
   }
   function hideFooter() {
      presetFooterHeight = document.getElementById('RowFooter').clientHeight;
      document.getElementById('RowFooter').style.height = "0";
      document.getElementById('RowMiddle').style.bottom = "0";
      divResizer();
   }
   function showFooter() {
      document.getElementById('RowFooter').style.height = "";
      document.getElementById('RowMiddle').style.bottom = "";
      divResizer();
   }
   function hidePlaylist() {
      presetPlaylistWidth = document.getElementById('ColRight').clientWidth;
      document.getElementById('ColRight').style.width = "0";
      document.getElementById('ColLeft').style.right = "0";
      divResizer();
   }
   function showPlaylist() {
      document.getElementById('ColRight').style.width = "";
      document.getElementById('ColLeft').style.right = "";
      divResizer();
   }
/* playlist/header functions - END ******************************/
/* icon buttons functions - BEGIN ******************************/
   function iconButtonState(iconButtonLink, buttonState) {
      var isElementById = document.getElementById(iconButtonLink);
      if (isElementById) {
         iconButtonLinkArray = isElementById.getElementsByTagName('a');
         iconButtonLink = iconButtonLinkArray[0];
         
      }
      if (buttonState == 'on') {
         iconButtonLink.setAttribute('class','iconButtonLink_on');
         iconButtonLink.setAttribute('className','iconButtonLink_on');
      } else if (buttonState == 'off') {
         iconButtonLink.setAttribute('class','');
         iconButtonLink.setAttribute('className','');
      }
   }
   
   function emailForward(thisButton) {      
      var forwardingState = document.getElementById('email_forwardingForm');
      var listingState = document.getElementById('m_List');
      if (forwardingState.style.display != 'block') {
         if (prevListingState != 'none') {
            listingState.style.display = 'none';         
         }
         forwardingState.style.display = 'block';
         iconButtonState(thisButton,'on');
      } else if (forwardingState.style.display == 'block') {
         if (prevListingState != 'none') {
            listingState.style.display = 'block';         
         }
         forwardingState.style.display = 'none';
         iconButtonState(thisButton,'off');
      }
   }
   
   function hideListing(thisButton) {
      var forwardingState = document.getElementById('email_forwardingForm');
      var listingState = document.getElementById('m_List');
      if (listingState.style.display != 'none' && forwardingState.style.display !='block') {
         listingState.style.display = 'none';
         prevListingState = 'none';
         iconButtonState(thisButton,'on');
      } else if (listingState.style.display != 'block' && forwardingState.style.display != 'block') {
         listingState.style.display = 'block';
         prevListingState = 'block';
         iconButtonState(thisButton,'off');
      }
   }   
   
   function playSlideShow(thisButton) {
		playSlideShowButton = thisButton;
      if (!slideShowActive) {
         slideShow();
         iconButtonState(thisButton,'on');
      } else if (slideShowActive) {
			clearSlideShow('playButton');
         iconButtonState(thisButton,'off');
      }
   }
/* icon buttons functions - END ******************************/
/* quicktime plugin functions - BEGIN ******************************/
   function setupLayout() {
      createViewerDivs('image_jpg');
      document.getElementById('bmc_fullscreen').style.display = "inline";
      document.getElementById('image_jpg').style.top = "0";
   }
/* quicktime plugin functions - END ******************************/
/* fullscreen properties toggle - BEGIN ******************************/   
   function setResizeClass(toggle) {
      var getInnerText = document.getElementById('BMC_windowResize');
      var masterDiv = document.getElementById('adbeastMediaPlayer');
      var parentDL = document.getElementById('bmc_fullscreen');
      var parentDLaTag = parentDL.getElementsByTagName('a');
      
      if (toggle == 'fullscreen') { 
         masterDiv.className = masterDiv.className.replace(new RegExp('browser_reg'),'');
         masterDiv.className += ' browser_fs';
         getInnerText.innerHTML = 'exit fullscreen';
         parentDLaTag[0].setAttribute('title','exit fullscreen');
         iconButtonState('bmc_fullscreen','on');
      } else {
         masterDiv.className = masterDiv.className.replace(new RegExp('browser_fs'),'');
         masterDiv.className += ' browser_reg';
         getInnerText.innerHTML = 'fullscreen';
         parentDLaTag[0].setAttribute('title','fullscreen');
         iconButtonState('bmc_fullscreen','off');
      }  
   }

/* fullscreen properties toggle - END ******************************/
/* mouseEvents for list items - Begin ******************************/
   function ls_mouseoverEvent(target) {
      var oldClass = target.className;
      if (browser_lte_IE7) {
         target.className += ' ls_hover';
      } else {
         target.className = oldClass + ' ls_hover';
      }
      return
   }

   function ls_mouseoutEvent(target) {
      var oldClass = target.className;
      var newClass = oldClass.split(' ls_hover');
      if (browser_lte_IE7) {
         target.className.replace(' ls_hover','');
      } else {
         target.className = newClass[0];
      }
      return
   }

/* mouseEvents for list items - END ******************************/


// resize window (self) - BEGIN
      function resizeWindow(state) {
     
         if (winResize != 1) {
         
            if (state == 'fullscreen') {
               lngDlgWidth = window.screen.availWidth;
               lngDlgHeight = window.screen.availHeight;
            } else if (setDefaultFullscreen == '1') {
               fullScreen('image');
               setDefaultFullscreen = '0';
            } else {
               if (window.screen.availWidth < winRszWidth) {
                  lngDlgWidth = winRszWidthAlt;
               } else {
                  lngDlgWidth = winRszWidth;
               }
               lngDlgHeight = winRszHeight;
            }         
            var lngMoveX = (window.screen.availWidth - lngDlgWidth) / 2;
            var lngMoveY = (window.screen.availHeight - lngDlgHeight) / 2;
         
            window.moveTo(lngMoveX,(lngMoveY + 20) );
            window.resizeTo(lngDlgWidth,lngDlgHeight);
            window.moveTo(lngMoveX,lngMoveY);
            
            // alert(lngDlgWidth);
            // alert(lngDlgHeight);
            
         }
      }
// resize window (self) - END    
// initialize global variable i - BEGIN
      function ResetGlobal() {
         i = 0;
      }
      ResetGlobal();
      
      function setGlobalVar(itemNum) {
        itemNum = itemNum - 1;
        if (itemNum < ListItem.length && itemNum > 0) {
            i = itemNum;
        } else {
            i = 0;
        }
      }
// initialize global variable i - END
// company name text - BEGIN         
      function loadTextFunc() {
         document.getElementById('companyNameText').innerHTML = companyNameText;
      }
// company name text - END
// controller info text - BEGIN
      function listItemInfoAA() {
         document.getElementById('bp_trackNum').innerHTML = (i+1) + "&nbsp;/&nbsp;" + ListItem.length;
         document.getElementById('ItemText_InfoProduct').innerHTML = ListItem[i][1][1];
         document.getElementById('ItemText_InfoSpot').innerHTML = ListItem[i][1][2];
         document.getElementById('ItemText_viewerProduct').innerHTML = ListItem[i][1][1];
         document.getElementById('ItemText_viewerSpot').innerHTML = ListItem[i][1][2];
      }
// controller info text - END
// media toggle, originally from brown25 developed by brent - BEGIN
      function createViewerDivs(mediavalue) {
         // image
         if (mediavalue == "image_jpg") {    
            zediv = document.getElementById('mediaDisplay').lastChild;
            zediv.style.display = "none";
         }
         // default            
         else {                        
            var divTag0 = document.createElement('div');
            divTag0.id = "defaultFrame";
            var divTag0a = divTag0.appendChild(document.createElement('div'));
            divTag0a.id = "Viewer_default";         
            divTag0a.className = "Viewer";
            var imgTag0 = divTag0a.appendChild(document.createElement('img'));
            imgTag0.src = "images/mediaplayer_icon_other.gif";
            imgTag0.border = "0";
            imgTag0.width = "120";
            imgTag0.height = "120";  
            var brTag0 = divTag0a.appendChild(document.createElement('br'));
            var aTag0 = divTag0a.appendChild(document.createElement('a'));
            aTag0.target = "_blank";             
            aTag0.href = ListItem[i][0][1];        
            var textNode0 = aTag0.appendChild(document.createTextNode("Unsupported File Type")); 
            var brTag0a = aTag0.appendChild(document.createElement('br'));
            var textNode0a = aTag0.appendChild(document.createTextNode("Click to Download"));
            
            zediv = document.getElementById('mediaDisplay').lastChild;
            document.getElementById('mediaDisplay').replaceChild(divTag0,zediv);  
         
         }
      }
// media toggle - END
// Toggle Credits - BEGIN
      function toggleCredits(creditTabID,creditTextID) {
         var state = document.getElementById(creditTextID).style.display;
         if (state != 'block') {
            document.getElementById(creditTabID).setAttribute('class','creditsTab ct_active');
            document.getElementById(creditTabID).setAttribute('className','creditsTab ct_active');
            document.getElementById(creditTextID).style.display = 'block';
         } else {
            document.getElementById(creditTabID).setAttribute('class','creditsTab');
            document.getElementById(creditTabID).setAttribute('className','creditsTab');
            document.getElementById(creditTextID).style.display = 'none';
         } 
      }
// Toggle Credits - END
// CSS marker, for odd items in list - BEGIN
	  var classTag = "";
	  
	  function oddListItem(numType) {
			if (numType%2 && numType != 0) {
				// alert ("number is even");
				classTag = "list_style ls_even";
			} else {
				// alert ("number is odd");
				classTag = "list_style";
			} 	
	  }
// CSS marker - END
// build Playlist - BEGIN
     function createPlaylist( lngIsBrowseriPhone ) {
         var headerDIVTag1 = document.createElement('div');
         headerDIVTag1.className = "playlistGroove";
         document.getElementById('mediaPlaylistHeader').appendChild(headerDIVTag1);
         var labelDIVTag = document.createElement('div');
            labelDIVTag.id = "m_List_label";
               var playlistHeadingMainULTag1 = labelDIVTag.appendChild(document.createElement('ul'));
                  playlistHeadingMainULTag1.className = "playlistHeadingMain";
                     var textBlockLITag1 = playlistHeadingMainULTag1.appendChild(document.createElement('li'));
                     textBlockLITag1.className = "headingTextBlock";
                        var textSpanTag1 = textBlockLITag1.appendChild(document.createElement('span'));
                        textSpanTag1.innerHTML = playlistHeading;
         document.getElementById('mediaPlaylistHeader').appendChild(labelDIVTag);
         var headerDIVTag2 = document.createElement('div');
         headerDIVTag2.className = "playlistGroove";
         document.getElementById('mediaPlaylistHeader').appendChild(headerDIVTag2);
         
         var DLTag = document.createElement('dl');
         DLTag.id = "playList_ordered";
            var DTTag = DLTag.appendChild(document.createElement('dt'));
            DTTag.id = "m_List_header";
         document.getElementById('m_List').appendChild(DLTag);
            for (i=0;i<ListItem.length;i++) {
               var DDTag = DLTag.appendChild(document.createElement('dd'));
               DDTag.className = "listItem " + ListItem[i][0][0];      
                  var playlistItemsMainBlockULTag1 = DDTag.appendChild(document.createElement('ul'));
	               oddListItem(i);
	               playlistItemsMainBlockULTag1.className = classTag;
                  playlistItemsMainBlockULTag1.className = "list_style";
                  playlistItemsMainBlockULTag1.id = [i];    
                  playlistItemsMainBlockULTag1.setAttribute('onmouseover','ls_mouseoverEvent(this);');
                  playlistItemsMainBlockULTag1.setAttribute('onmouseout','ls_mouseoutEvent(this);');              
                  var playlistItemsMainBlockLITag1 = playlistItemsMainBlockULTag1.appendChild(document.createElement('li'));
                  // playlistItemsMainBlockliTag1.className = "playlistItemsMainBlock";
                     var playlistItemsMainLITag1 = playlistItemsMainBlockLITag1.appendChild(document.createElement('ul'));
                     playlistItemsMainLITag1.className = "playlistItemsMain";
                           var imgLITag1 = playlistItemsMainLITag1.appendChild(document.createElement('li'));
                           imgLITag1.className = "playlistThumbCNTNR";
                           if (ListItem[i][1][0]) {

                              var aTag = imgLITag1.appendChild(document.createElement('a'));

                              if ( lngIsBrowseriPhone == 0 ) {
                                 // Not iPhone browser
                                 var javascriptEvent = "javascript:toggleContent('"+ListItem[i][0][0]+"',"+i+");"
                              } else {
                                 // iPhone browser
                                 var javascriptEvent = ListItem[i][0][1];
                              }

                              aTag.className = 'list_link';        
                              aTag.href = javascriptEvent;        
                              // aTag.onclick = javascriptEvent;  
                                 var imgThumb1 = aTag.appendChild(document.createElement('img')); 
                                    imgThumb1.src = ListItem[i][1][0];
                                    imgThumb1.border = "0";
                                    imgThumb1.className = "playlistThumb";
                                    // imgThumb1.width = "120";
                                    // imgThumb1.height = "120";     
                           } else {
                              var placeholderSpace = '&nbsp;';
                              var imgPlaceholder1 = imgLITag1.appendChild(document.createElement('br'));
                           }
                           var listNumLITag1 = playlistItemsMainLITag1.appendChild(document.createElement('li'));
                           listNumLITag1.className = "playlistNum";
                              var listNum = i + 1;
                              var listNumTextNode1 = listNumLITag1.appendChild(document.createTextNode(listNum + '.'));
                           var textBlockLITag1 = playlistItemsMainLITag1.appendChild(document.createElement('li'));
                           textBlockLITag1.className = "playlistTextBlock";
                              var aTag = textBlockLITag1.appendChild(document.createElement('a'));
                              aTag.className = 'list_link';      

                              if ( lngIsBrowseriPhone == 0 ) {
                                 // Not iPhone browser
                                 var javascriptEvent = "javascript:toggleContent('"+ListItem[i][0][0]+"',"+i+");"  
                              } else {
                                 // iPhone browser
                                 var javascriptEvent = ListItem[i][0][1];
                              }

                              aTag.href = javascriptEvent;        
                              // aTag.onclick = javascriptEvent; 
                                 var textDLTag1 = aTag.appendChild(document.createElement('dl'));
                                 textDLTag1.className = "playlistText";
                                    var textDTTag1 = textDLTag1.appendChild(document.createElement('dt'));
                                    textDTTag1.innerHTML = ListItem[i][1][1];
                                    var textDDTag1 = textDLTag1.appendChild(document.createElement('dd'));
                                    textDDTag1.innerHTML = ListItem[i][1][2];
                                    
                           if (ListItem[i][1][3]) {
                              var typeBlockLITag1 = playlistItemsMainLITag1.appendChild(document.createElement('li'));
                              typeBlockLITag1.className = "playlistTypeBlock";
                                 var typeDLTag1 = typeBlockLITag1.appendChild(document.createElement('dl'));
                                 typeDLTag1.className = "playlistType";
                                    var typeDTTag1 = typeDLTag1.appendChild(document.createElement('dt'));
                                    typeDTTag1.innerHTML = ListItem[i][1][3];
                           }
                  var extrasBlockLITag1 = playlistItemsMainBlockULTag1.appendChild(document.createElement('li'));
                  // extrasBlockLITag1.className = "extrasBlock";
                     var extrasBlockULTag1 = extrasBlockLITag1.appendChild(document.createElement('ul'));
                     extrasBlockULTag1.className = "extrasBlockList";
                        var largerViewLITag1 = extrasBlockULTag1.appendChild(document.createElement('li'));
                        largerViewLITag1.className = "extrasTab_largerView";
                           var largerViewATag1 = largerViewLITag1.appendChild(document.createElement('a'));
                           largerViewATag1.className = "largerViewTab";
                           var largerviewJSFunction = "javascript:toggleContent('"+ListItem[i][0][0]+"',"+i+");fullScreen('image');"
                           largerViewATag1.href = largerviewJSFunction;
                              var largerViewHeading1 = largerViewATag1.appendChild(document.createTextNode(extrasTabA));
                        var extrasSeperatorLITag1 = extrasBlockULTag1.appendChild(document.createElement('li'));
                        extrasSeperatorLITag1.className = "seperator";
                           var extrasSeperatorTextNode1 = extrasSeperatorLITag1.appendChild(document.createTextNode('|'));
                        var CreditsLITag1 = extrasBlockULTag1.appendChild(document.createElement('li'));
                        CreditsLITag1.className = "extrasTab_credits";
                           if (ListItem[i][2][0]) {
                              var CreditsATag1 = CreditsLITag1.appendChild(document.createElement('a'));
                              CreditsATag1.className = "creditsTab";
                              var creditsTab = "creditsTab"+ i;
                              CreditsATag1.id = creditsTab;
                              // CreditsATag1.className = "largerViewTab";
                              var creditsText = "creditsText"+ i;
                              var creditsJSFunction = "javascript:toggleCredits('"+creditsTab+"','"+creditsText+"');"
                              CreditsATag1.href = creditsJSFunction;
                                 var CreditsHeading1 = CreditsATag1.appendChild(document.createTextNode(extrasTabB));
                           }
                     var CreditDIVTag1 = extrasBlockLITag1.appendChild(document.createElement('div'));
                     CreditDIVTag1.className = "creditsTextBlock";
                     CreditDIVTag1.id = creditsText;
                        if (ListItem[i][2][0]) {
                           var CreditDLTag1 = CreditDIVTag1.appendChild(document.createElement('dl'));
                           CreditDLTag1.className = "creditsText";
                              var CreditDTTag1 = CreditDLTag1.appendChild(document.createElement('dt'));
                              CreditDTTag1.innerHTML = ListItem[i][2][0]+':';
                              var CreditDDTag1 = CreditDLTag1.appendChild(document.createElement('dd'));
                              CreditDDTag1.innerHTML = ListItem[i][2][1];
                        }
                        if (ListItem[i][2][2]) {
                           var CreditDLTag2 = CreditDIVTag1.appendChild(document.createElement('dl'));
                           CreditDLTag2.className = "creditsText";
                              var CreditDTTag2 = CreditDLTag2.appendChild(document.createElement('dt'));
                              CreditDTTag2.innerHTML = ListItem[i][2][2]+':';
                              var CreditDDTag2 = CreditDLTag2.appendChild(document.createElement('dd'));
                              CreditDDTag2.innerHTML = ListItem[i][2][3];
                        }
                        if (ListItem[i][2][4]) {
                           var CreditDLTag3 = CreditDIVTag1.appendChild(document.createElement('dl'));
                           CreditDLTag3.className = "creditsText";
                              var CreditDTTag3 = CreditDLTag3.appendChild(document.createElement('dt'));
                              CreditDTTag3.innerHTML = ListItem[i][2][4]+':';
                              var CreditDDTag3 = CreditDLTag3.appendChild(document.createElement('dd'));
                              CreditDDTag3.innerHTML = ListItem[i][2][5];
                        }
                        if (ListItem[i][2][6]) {
                           var CreditDLTag4 = CreditDIVTag1.appendChild(document.createElement('dl'));
                           CreditDLTag4.className = "creditsText";
                              var CreditDTTag4 = CreditDLTag4.appendChild(document.createElement('dt'));
                              CreditDTTag4.innerHTML = ListItem[i][2][6]+':';
                              var CreditDDTag4 = CreditDLTag4.appendChild(document.createElement('dd'));
                              CreditDDTag4.innerHTML = ListItem[i][2][7];
                        }
                        if (ListItem[i][2][8]) {
                           var CreditDLTag5 = CreditDIVTag1.appendChild(document.createElement('dl'));
                           CreditDLTag5.className = "creditsText";
                              var CreditDTTag5 = CreditDLTag5.appendChild(document.createElement('dt'));
                              CreditDTTag5.innerHTML = ListItem[i][2][8]+':';
                              var CreditDDTag5 = CreditDLTag5.appendChild(document.createElement('dd'));
                              CreditDDTag5.innerHTML = ListItem[i][2][9];
                        }
                        var CreditFooterDLTag1 = CreditDIVTag1.appendChild(document.createElement('dl'));
                        CreditFooterDLTag1.className = "creditsText";
                  var footerBlockLITag1 = playlistItemsMainBlockULTag1.appendChild(document.createElement('li'));
                  footerBlockLITag1.className = "footerBlock";
                     var footerDIVTag1 = footerBlockLITag1.appendChild(document.createElement('div'));
                     footerDIVTag1.className = "playlistGroove";
            }
            ResetGlobal();
      }
// build Playlist - END
// Playlist Marker - BEGIN
      function markerPlaylist(countnum3) {
         for (j=0;j<ListItem.length;j++) {
            var listItemStyle = document.getElementById(j);
			   oddListItem(j);
			   listItemStyle.className = classTag;
         }
         var TARGETlistItemStyle = document.getElementById(countnum3);
         var oldClass = TARGETlistItemStyle.className;
         TARGETlistItemStyle.className = oldClass + ' ls_Active';
      }
// Playlist Marker - END
// footer 'next' and 'prev' buttons - BEGIN
      function BrowsePlaylist(browseDirection) {          
         var countLimit = ListItem.length - 1;         
         if (browseDirection == "back" && imageLoaded == true) {
            if (i>0) {
					clearSlideShow();
               prevMedia = --i ;
               toggleContent(ListItem[prevMedia][0][0],prevMedia);
            }            
         } else if (browseDirection == "forward" && imageLoaded == true) {
            if (i<countLimit) {  
					clearSlideShow();                         
               nextMedia = ++i ;
               toggleContent(ListItem[nextMedia][0][0],nextMedia);
            }                     
         }
      }       
// footer 'next' and 'prev' buttons - BEGIN
// browser sniffer for IE6 - BEGIN
      var browser_lt_IE7 = false /*@cc_on || @_jscript_version < 5.7 @*/;
// browser sniffer for IE6 - END
// browser sniffer for less than or equal to IE7 - BEGIN
      var browser_lte_IE7 = false /*@cc_on || @_jscript_version <= 5.7 @*/;
// browser sniffer for less than or equal to IE7 - END
// variables for layout divs dimensions - BEGIN
      var browserWidth;
      var browserHeight;
      var topbarHeight;
      var playlistHeadingHeight;
      var footerHeight;
      var playlistWidth;
      
      var Playlist_Height;
      var RowMiddle_Height;
      var ColLeft_Width;
// variables for layout divs dimensions - END
// for IE6, cannot layout CSS consistently with other browsers, JS has been employed for this task, 
// ---------> also, window dimensions tracking for dynamic resize of playlist - BEGIN
      function divResizer() {
         browserWidth = document.getElementById("adbeastMediaPlayer").clientWidth;  
         browserHeight = document.getElementById("adbeastMediaPlayer").clientHeight; 
         topbarHeight = document.getElementById("RowHeader").clientHeight; 
         playlistHeadingHeight = document.getElementById("mediaPlaylistHeader").clientHeight; 
         footerHeight = document.getElementById("RowFooter").clientHeight; 
         playlistWidth = document.getElementById("ColRight").clientWidth; 
         
         if (browser_lt_IE7) {
            RowMiddle_Height = browserHeight - (topbarHeight + footerHeight);
            Playlist_Height = RowMiddle_Height - playlistHeadingHeight;
            ColLeft_Width = browserWidth-playlistWidth;
            
            document.getElementById('ColLeft').style.width = ColLeft_Width;
            document.getElementById('RowMiddle').style.height = RowMiddle_Height;
            document.getElementById('mediaPlaylist').style.height = Playlist_Height;
         }
                  
         var masterDiv = document.getElementById('adbeastMediaPlayer');
         var wideWindowWidth = 1088;
                                   
         if (masterDiv.className.match(new RegExp('browser_reg')) ) {
            masterDiv.className = masterDiv.className.replace(new RegExp('window_wide'),'');
            masterDiv.className = masterDiv.className.replace(new RegExp('window_small'),'');
            
            if (browserWidth < wideWindowWidth) { 
               masterDiv.className += ' window_small';
            } else if (browserWidth >= wideWindowWidth) {
               masterDiv.className += ' window_wide';
            }  
         }
      }
// for IE6 - END
// preload functions - Begin 
      function preload_func( lngIsBrowseriPhone ) {
         loadTextFunc();
         listItemInfoAA();
         createPlaylist( lngIsBrowseriPhone );
         if( lngIsBrowseriPhone == 1 ) {
            // iPhone
            window.scrollTo(0,1);  
         } else {
            // Not iPhone, show full image, etc.
				grabBGImage();
            createViewerDivs();
            divResizer();  
            resizeWindow();
            setGlobalVar(indexItemNum);
            toggleContent(ListItem[i][0][0],i);
            // slideShow();
         }
      }
// preload functions - END