// High Heels Saumurai JavaScript Ad Functions
// Copyright 2008 by F.R. Perro, Inc.
//

  // Globals
  //
  var showGuideCollapsed = new Array();
  var showGuideExpanded = new Array();
  var showGuideExpandState = new Array();
	
	var maxShow;


  function InitGuide()
	{
		
/*		document.getElementById("ShowGuide").innerHTML= " " +
		  "<div id='CookingTopic' class='MiddleColumnTopicBox'> <span class='TopicText'>Comedy/Cooking</span></div>" +
		  "<div id='Show1_ExpandIcon_Left' class='MiddleColumnIconBox'><span class='ExpandIconText'>&raquo;</span></div> " +
		  "<div class='MiddleColumnTitleBox'> " +
		  "<span  id='Show1_Title' class='ShowTitleText' style='cursor: pointer;' " + 
		  "onmouseup='ExpandDesc(1);' onmouseover='ShowTitleTextHighlight(this);' " +
	  	"onmouseout='ShowTitleTextNoHighlight(this);'> " +
	  	"Average Betty</span> " +
	  	"</div> " +
	  	" " +
      "<div id='Show1_Desc' class='MiddleColumnShowDesc'> " +
		  "<a target='_blank' class='ShowLinkText' href='www.averagebetty.com'>averagebetty.com</a>" 
		  "</div>";
*/			

      // Preload Images
      //
     if(document.images)
     {
	     moreButton_uns = new Image;
       moreButton_sel = new Image;
       moreButton_uns.src = 'images/morebutton2.png';
       moreButton_sel.src = 'images/morebutton2_sel.png';

	     titleButton_uns = new Image;
       titleButton_sel = new Image;
       titleButton_uns.src = 'images/titlebutton2.png';
       titleButton_sel.src = 'images/titlebutton2_sel.png';
			 
			 
			 // vars to swap images with
			 //
			 selectedButton = new Image;
			 unselectedButton = new Image;
			 selectedButton.src = moreButton_sel.src
			 unselectedButton.src = moreButton_uns.src
     }




			
			document.getElementById("ShowGuide").innerHTML= "<div id='TopicTop' class='MiddleColumnTopicBox'> </div>" +
		  "<div id='CookingTopic' class='MiddleColumnTopicBox'> <span class='TopicText'>Comedy/Cooking</span></div>" +
		  "<div id='show_1' class='MiddleColumnTitleBox'> " +
		    "<span  id='ShowTitle_1' class='ShowTitleText' style='cursor: pointer;'    " +
		    "onmouseup='ExpandDesc(1);' onmouseover='ShowTitleTextHighlight(this);'   " +
	  	  "onmouseout='ShowTitleTextNoHighlight(this);'>   " +
	  	  "Average Betty</span> " +
      "</div> " +
      "<div id='ExpandBox_1' class='MiddleColumnExpandBox'> " +
        "<span style='cursor: pointer;' " +
              "onMouseover = 'document.ExpBoxButton_1.src = selectedButton.src;' " +
              "onMouseout  = 'document.ExpBoxButton_1.src = unselectedButton.src;' " +
              "onmouseup='ExpandDesc(1);'> " +
          "<img src='images/morebutton2.png'  id='ExpBoxButton_1'  name='ExpBoxButton_1'/> " +
        "</span> " +
      "</div>" +
      "<div id='ShowDesc_1' class='MiddleColumnShowDesc'>" + 
		  "<a target='_blank' class='ShowLinkText' href='www.averagebetty.com'>averagebetty.com</a>" + 
		  "</div> " +
      "<br/> " + 
		  "<div id='show_2' class='MiddleColumnTitleBox'> " +
		  "<span  id='ShowTitle_2' class='ShowTitleText' style='cursor: pointer;'    " +
		    "onmouseup='ExpandDesc(2);' onmouseover='ShowTitleTextHighlight(this);'   " +
	  	  "onmouseout='ShowTitleTextNoHighlight(this);'>   " +
	  	  "Tiki Bar TV</span> " +
      "</div> " +
      "<div id='ExpandBox_2' class='MiddleColumnExpandBox'> " +
        "<span style='cursor: pointer;' " +
              "onMouseover = 'document.ExpBoxButton_2.src = selectedButton.src;' " +
              "onMouseout  = 'document.ExpBoxButton_2.src = unselectedButton.src;' " +
              "onmouseup='ExpandDesc(2);'> " +
          "<img src='images/morebutton2.png'  id='ExpBoxButton_2'  name='ExpBoxButton_2'/> " +
        "</span> " +
      "</div>" +
      "<div id='ShowDesc_2' class='MiddleColumnShowDesc'>" + 
		  "<a target='_blank' class='ShowLinkText' href='www.averagebetty.com'>averagebetty.com</a>" + 
		  "</div>" +
		  "<div id='show_3' class='MiddleColumnTitleBox'> " +
		    "<span  id='ShowTitle_3' class='ShowTitleText' style='cursor: pointer;'    " +
		    "onmouseup='ExpandDesc(3);' onmouseover='ShowTitleTextHighlight(this);'   " +
	  	  "onmouseout='ShowTitleTextNoHighlight(this);'>   " +
	  	  "Average Betty3</span> " +
      "</div> " +
      "<div id='ExpandBox_3' class='MiddleColumnExpandBox'> " +
        "<span style='cursor: pointer;' " +
              "onMouseover = 'document.ExpBoxButton_3.src = selectedButton.src;' " +
              "onMouseout  = 'document.ExpBoxButton_3.src = unselectedButton.src;' " +
              "onmouseup='ExpandDesc(3);'> " +
          "<img src='images/morebutton2.png'  id='ExpBoxButton_3'  name='ExpBoxButton_3'/> " +
        "</span> " +
      "</div>" +
      "<div id='ShowDesc_3' class='MiddleColumnShowDesc'>" + 
		  "<a target='_blank' class='ShowLinkText' href='www.averagebetty.com'>averagebetty.com</a>" + 
		  "</div> " +
      "<br/> ";




		
		
    showGuideCollapsed[0] = "<a target='_blank'  class='ShowLinkText' href='www.averagebetty.com'>2averagebetty.com</a>" +
																"<br />  <br />";
		
    showGuideCollapsed[1] = "<a target='_blank'  class='ShowLinkText' href='http://www.tikibartv.com'>http://www.tikibartv.com</a>" +
																"<br />  <br />";
		
    showGuideCollapsed[2] = "<a target='_blank'  class='ShowLinkText' href='quarterlife.com'>quarterlife.com</a>" +
																"<br />  <br />";

    showGuideExpanded[0] =  "<a target='_blank' class='ShowLinkText' href='www.averagebetty.com'>averagebetty.com</a>" +
																"<br />  <br />" +
															"<span class='DescriptionText'>" +
                                "A sketch comedy show with recipes.  Learn to cook while you laugh." +
																"<br /> <br />" +
                              "</span>" +
                              "<span class='DescriptionText'>" +
                                 "<ul class='MiddleColumnStarsList'>" +
																    "<li class='MiddleColumnStarsListLine1'>" +
																       "Stars Sara O'Donnell as Average Betty, et al" +
																		"</li>"
																  "</ul>" +
															"</span>";

    showGuideExpanded[1] =  "<a target='_blank' class='ShowLinkText' href='www.averagebetty.com'>averagebetty.com</a>" +
																"<br />  <br />" +
															"<span class='DescriptionText'>" +
                                "A sketch comedy show with drink recipes." +
																"<br /> <br />" +
                              "</span>" +
                              "<span class='DescriptionText'>" +
                                 "<ul class='MiddleColumnStarsList'>" +
																    "<li class='MiddleColumnStarsListLine1'>" +
																       "Stars Jeff Macpherson" +
																		"</li>" +
																    "<li> Kevin Gamble </li>" +
																    "<li> Lara Doucette </li>" +
																  "</ul>" +
															"</span>";

	 
    showGuideExpanded[2] =  "<a target='_blank' class='ShowLinkText' href='www.averagebetty.com'>averagebetty.com</a>" +
																"<br />  <br />" +
															"<span class='DescriptionText'>" +
                                "A sketch comedy show with recipes.  Learn to cook while you laugh." +
																"<br /> <br />" +
                              "</span>" +
                              "<span class='DescriptionText'>" +
                                 "<ul class='MiddleColumnStarsList'>" +
																    "<li class='MiddleColumnStarsListLine1'>" +
																       "3Stars Sara O'Donnell as Average Betty, et al" +
																		"</li>" +
																    "<li> Sara O'Donnell as Average Betty, et al </li>" +
																  "</ul>" +
															"</span>";

		 maxShow = 3;
		
		 for(i = 0; i < maxShow; i++)
		 {
			 showGuideExpandState[i] = false;
		 }
	 
	}



/*
function ExpandDesc(ShowNum)
{
  var idVal;
	var expIconID;
	
	// --------------------------
	
	// window.alert("in ExpandDesc, ShowNum: " + ShowNum);
	
  if(ShowNum <= maxShow)
	{
		idVal = "ShowDesc_" + ShowNum;
		expBoxID = "ExpandBox_" + ShowNum;
		expBoxButtonID = "ExpBoxButton_" + ShowNum;
	  if(showGuideExpandState[ShowNum-1] == false)
    {
			document.getElementById(expBoxID).innerHTML = "<span style='cursor: pointer;' " +
              "onMouseover = 'document." + expBoxButtonID + ".src = titleButton_sel.src;' " +
              "onMouseout  = 'document." + expBoxButtonID + ".src = titleButton_uns.src;' " +
              "onmouseup='ExpandDesc(" + ShowNum + ");'> " +
          "<img src='images/titlebutton2.png'  id='" + expBoxButtonID + "' name='" + expBoxButtonID + "'/> " +
        "</span> ";

//			document.getElementById(expIconIDRight).style.color='#FFFF00';
			document.getElementById(idVal).innerHTML=showGuideExpanded[ShowNum-1];
			showGuideExpandState[ShowNum-1] = true;
		}
		else
		{
			document.getElementById(expBoxID).innerHTML="<span style='cursor: pointer;' " +
              "onMouseover = 'document." + expBoxButtonID + ".src = moreButton_sel.src;' " +
              "onMouseout  = 'document." + expBoxButtonID + ".src = moreButton_uns.src;' " +
              "onmouseup='ExpandDesc(" + ShowNum + ");'> " +
          "<img src='images/morebutton2.png'  id='" + expBoxButtonID + "' name='" + expBoxButtonID + "'/> " +
        "</span> ";

//			document.getElementById(expIconIDRight).style.color='#331122';
//			document.getElementById(expIconID).innerHTML="<img src='images/plus.png' width='10' height='10' border='0'/>" +
//                                                   ShowGuideTitles[ShowNum-1];
			document.getElementById(idVal).innerHTML=showGuideCollapsed[ShowNum-1];
			showGuideExpandState[ShowNum-1] = false;
		}
	}
}
  */






function ExpandDesc(ShowNum)
{
  var idVal;
	var expIconID;
	
	// --------------------------
	
	// window.alert("in ExpandDesc, ShowNum: " + ShowNum);
	
  if(ShowNum <= maxShow)
	{
		idVal = "ShowDesc_" + ShowNum;
		expBoxID = "ExpandBox_" + ShowNum;
		expBoxButtonID = "ExpBoxButton_" + ShowNum;
	  if(showGuideExpandState[ShowNum-1] == false)
    {
			document.getElementById(expBoxButtonID).src = titleButton_uns.src;
			selectedButton.src = titleButton_sel.src
			unselectedButton.src = titleButton_uns.src

      document.getElementById(idVal).innerHTML=showGuideExpanded[ShowNum-1];
			showGuideExpandState[ShowNum-1] = true;
		}
		else
		{
			document.getElementById(expBoxButtonID).src = moreButton_uns.src;
			selectedButton.src = moreButton_sel.src
			unselectedButton.src = moreButton_uns.src

      document.getElementById(idVal).innerHTML=showGuideCollapsed[ShowNum-1];
			showGuideExpandState[ShowNum-1] = false;
		}
	}
}


	function ShowTitleTextHighlight(txt)
  {
    txt.style.color='#FF0000';
  }
	
	function ShowTitleTextNoHighlight(txt)
  {
    txt.style.color='#FFFF00';
  }