//this is file ascenderpublishing.js

var cardWindowObj = null;

//-----------------------------------------------------------

//function expandSingly(divId, tagObj, suffix)

//-----------------------------------------------------------

function expandSingly(divId, tagObj, suffix)
   {
   var styleObj = null;

   styleObj = document.getElementById(divId).style;

   if (styleObj.display == 'none')
      {
      styleObj.display = '';
      tagObj.innerHTML = "<img src='../jpg/shrink_icon_12x12h.jpg' width='12' height='12' border='0' align='middle'>" + " Hide " + suffix;
      }
   else
      {
     styleObj.display = 'none';
    tagObj.innerHTML = "<img src='../jpg/magnify_icon_12x12h.jpg' width='12' height='12' border='0' align='middle'>" + " Show " + suffix;
      }
   }

//-----------------------------------------------------------

//function expand(divId, tagObj, suffix, altDivId, altTagId, //altSuffix)

//-----------------------------------------------------------

function expand(divId, tagObj, suffix, altDivId, altTagId, altSuffix)
   {
   var styleObj = null;
   var altTagObj = null;
   var altStyleObj = null;

   styleObj = document.getElementById(divId).style;
   altStyleObj = document.getElementById(altDivId).style;
   altTagObj = document.getElementById(altTagId);

   if (styleObj.display == 'none')
      {
      altStyleObj.display = 'none';
      altTagObj.innerHTML = "<img src='../jpg/magnify_icon_12x12h.jpg' width='12' height='12' border='0' align='middle'>" + " Show " + altSuffix;

      styleObj.display = '';
      tagObj.innerHTML = "<img src='../jpg/shrink_icon_12x12h.jpg' width='12' height='12' border='0' align='middle'>" + " Hide " + suffix;
      }
   else
      {
     styleObj.display = 'none';
    tagObj.innerHTML = "<img src='../jpg/magnify_icon_12x12h.jpg' width='12' height='12' border='0' align='middle'>" + " Show " + suffix;
      }
   }

//-----------------------------------------------------------

// function openBookDocWin(url)

//-----------------------------------------------------------

function openDocWin(url)
   {
   docprops = window.open(url, "abc",
"width=344,height=526,left=0,top=0,location=no,menubar=no,resizable=no,scrollbars=auto,status=no,toolbar=no,fullscreen=no");
   }

//-----------------------------------------------------------

// function cardImageWindowBodyString(outsideImageUrl, insideImageUrl, title)

//-----------------------------------------------------------

function cardImageWindowBodyString(outsideImageUrl, insideImageUrl, title)
   {
   var cardImageString = "";
   cardImageString += "<html>\r\n";
   cardImageString += "<head>\r\n";
   cardImageString += "<title>" + title + "<\/title>\r\n";
   cardImageString += "\r\n";

   cardImageString += "<style type=\"text\/css\">\r\n";
   cardImageString += ".viewclickclass {\r\n";
   cardImageString += "     font-family:Arial, Helvetica, sans-serif;\r\n";
   cardImageString += "     font-size: 11px;\r\n";
   cardImageString += "     text-align:center;\r\n";
   cardImageString += "}\r\n";
   cardImageString += "<\/style>\r\n";
   cardImageString += "\r\n";

   cardImageString += "<script type=\"text\/javascript\">\r\n";
   cardImageString += "\r\n";

   cardImageString += "function toggleImageView ()\r\n";
   cardImageString += "   {\r\n";
   cardImageString += "   var outsideDivStyleObj = document.getElementById(\"outsidediv\").style;\r\n";
   cardImageString += "   var insideDivStyleObj = document.getElementById(\"insidediv\").style;\r\n";
   cardImageString += "\r\n";

   cardImageString += "   if (outsideDivStyleObj.display == \"none\")\r\n";
   cardImageString += "      {\r\n";
   cardImageString += "      insideDivStyleObj.display = \"none\";\r\n";
   cardImageString += "      outsideDivStyleObj.display = \"\";\r\n";
   cardImageString += "      }\r\n";
   cardImageString += "   else\r\n";
   cardImageString += "      {\r\n";
   cardImageString += "      outsideDivStyleObj.display = \"none\";\r\n";
   cardImageString += "      insideDivStyleObj.display = \"\";\r\n";
   cardImageString += "      }\r\n";
   cardImageString += "   }\r\n";
   cardImageString += "\r\n";

   cardImageString += "<\/script>\r\n";
   cardImageString += "\r\n";

   cardImageString += "<\/head>\r\n";
   cardImageString += "<body style=\"background-color:white;margin-left:0px;margin-top:0px;\">\r\n";
   cardImageString += "\r\n";

   cardImageString += "<div id=\"outsidediv\" style=\"width:586px;height:480px\">\r\n";
   cardImageString += "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"586\">\r\n";
   cardImageString += "<tr>\r\n";
   cardImageString += "<td width=\"60\" height=\"60\"><div style=\"width:60px;height:60px\"></div><\/td>\r\n";
   cardImageString += "<td height=\"60\"><div style=\"width:540px\"><\/div><\/td>\r\n";
   cardImageString += "<td><\/td>\r\n";
   cardImageString += "<\/tr>\r\n";
   cardImageString += "<tr>\r\n";
   cardImageString += "<td><\/td>\r\n";
   cardImageString += "<td width=\"546\" height=\"386\" align=\"left\"><img src=\"" + outsideImageUrl + "\" width=\"540\" height=\"386\" border=\"0\" style=\"border:solid 1px black\"><\/td>\r\n";
   cardImageString += "<td width=\"46\"><img src=\".\/jpg\/notecard_shadow_right_45x386h.jpg\" width=\"45\" height=\"386\" border=\"0\"><\/td>\r\n";
   cardImageString += "<\/tr>\r\n";

   cardImageString += "<tr>\r\n";
   cardImageString += "<td><div style=\"width:60px\"><\/div><\/td>\r\n";
   cardImageString += "<td height=\"24\" align=\"center\" valign=\"middle\"><a class=\"viewclickclass\" style=\"cursor:hand;color:blue;\" onclick=\"javascript:toggleImageView();\">Show inside of card<\/a><\/td>\r\n";
   cardImageString += "<td><\/td>\r\n";
   cardImageString += "<\/tr>\r\n";
   cardImageString += "<\/table>\r\n";
   cardImageString += "<\/div>\r\n";
   cardImageString += "\r\n";

   cardImageString += "<div id=\"insidediv\" style=\"width:586px;height:480px;display:none\">\r\n";
   cardImageString += "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"586\">\r\n";
   cardImageString += "<tr>\r\n";
   cardImageString += "<td colspan=\"2\" height=\"60\"><img src=\".\/jpg\/notecard_shadow_top_600x60h.jpg\" width=\"600\" height=\"60\" border=\"0\"><\/td>\r\n";
   cardImageString += "<td><\/td>\r\n";
   cardImageString += "<\/tr>\r\n";
   cardImageString += "<tr>\r\n";
   cardImageString += "<td><div style=\"width:60px\"><\/div><\/td>\r\n";
   cardImageString += "<td width=\"540\" height=\"386\" align=\"center\"><img src=\"" + insideImageUrl + "\" width=\"540\" height=\"386\" border=\"0\"><\/td>\r\n";
   cardImageString += "<td width=\"46\"><div style=\"width:46px\"><\/div><\/td>\r\n";
   cardImageString += "<\/tr>\r\n";
   cardImageString += "<tr>\r\n";
   cardImageString += "<td><\/td>\r\n";
   cardImageString += "<td height=\"24\" align=\"center\" valign=\"middle\"><a class=\"viewclickclass\" style=\"cursor:hand;color:blue;\" onclick=\"javascript:toggleImageView();\">Show outside of card<\/a>\r\n";
   cardImageString += "<td><\/td>\r\n";
   cardImageString += "<\/tr>\r\n";
   cardImageString += "<\/table>\r\n";
   cardImageString += "<\/div>\r\n";
   cardImageString += "<\/body>\r\n";
   cardImageString += "<\/html>\r\n";

   return cardImageString;

   }

//-----------------------------------------------------------

// function tileBoxImageWindowBodyString(topImageUrl, sideImageUrl, title)

//-----------------------------------------------------------

function tileBoxImageWindowBodyString(topImageUrl, sideImageUrl, title)
   {
   var tileBoxImageString = "";
   tileBoxImageString += "<html>\r\n";
   tileBoxImageString += "<head>\r\n";
   tileBoxImageString += "<title>" + title + "<\/title>\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "<style type=\"text\/css\">\r\n";
   tileBoxImageString += ".viewclickclass {\r\n";
   tileBoxImageString += "     font-family:Arial, Helvetica, sans-serif;\r\n";
   tileBoxImageString += "     font-size: 11px;\r\n";
   tileBoxImageString += "     text-align:center;\r\n";
   tileBoxImageString += "}\r\n";
   tileBoxImageString += "<\/style>\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "<script type=\"text\/javascript\">\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "function toggleImageView ()\r\n";
   tileBoxImageString += "   {\r\n";
   tileBoxImageString += "   var topDivStyleObj = document.getElementById(\"topdiv\").style;\r\n";
   tileBoxImageString += "   var sideDivStyleObj = document.getElementById(\"sidediv\").style;\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "   if (topDivStyleObj.display == \"none\")\r\n";
   tileBoxImageString += "      {\r\n";
   tileBoxImageString += "      sideDivStyleObj.display = \"none\";\r\n";
   tileBoxImageString += "      topDivStyleObj.display = \"\";\r\n";
   tileBoxImageString += "      }\r\n";
   tileBoxImageString += "   else\r\n";
   tileBoxImageString += "      {\r\n";
   tileBoxImageString += "      topDivStyleObj.display = \"none\";\r\n";
   tileBoxImageString += "      sideDivStyleObj.display = \"\";\r\n";
   tileBoxImageString += "      }\r\n";
   tileBoxImageString += "   }\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "<\/script>\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "<\/head>\r\n";
   tileBoxImageString += "<body style=\"background-color:white;margin-left:0px;margin-top:0px;\">\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "<div id=\"topdiv\" style=\"width:572px;height:572px\">\r\n";
   tileBoxImageString += "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"572\">\r\n";
   tileBoxImageString += "<tr>\r\n";
   tileBoxImageString += "<td width=\"46\" height=\"30\"><div style=\"width:46px;height:30px\"></div><\/td>\r\n";
   tileBoxImageString += "<td height=\"30\"><div style=\"width:480px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<td><div style=\"width:46px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<\/tr>\r\n";

   tileBoxImageString += "<tr>\r\n";
   tileBoxImageString += "<td><\/td>\r\n";
   tileBoxImageString += "<td width=\"480\" height=\"480\" align=\"left\"><img src=\"" + topImageUrl + "\" width=\"480\" height=\"480\" border=\"0\"><\/td>\r\n";
   tileBoxImageString += "<td width=\"46\"><\/td>\r\n";
   tileBoxImageString += "<\/tr>\r\n";

   tileBoxImageString += "<tr>\r\n";
   tileBoxImageString += "<td><div style=\"width:46px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<td height=\"24\" align=\"center\" valign=\"middle\"><a class=\"viewclickclass\" style=\"cursor:hand;color:blue;\" onclick=\"javascript:toggleImageView();\">Show side of tile box<\/a><\/td>\r\n";
   tileBoxImageString += "<td><\/td>\r\n";
   tileBoxImageString += "<\/tr>\r\n";
   tileBoxImageString += "<\/table>\r\n";

   tileBoxImageString += "<\/div>\r\n";
   tileBoxImageString += "\r\n";

   tileBoxImageString += "<div id=\"sidediv\" style=\"width:572px;height:572px;display:none\">\r\n";
   tileBoxImageString += "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"572\">\r\n";
   tileBoxImageString += "<tr>\r\n";
   tileBoxImageString += "<td width=\"46\" height=\"30\"><div style=\"width:46px;height:30px\"></div><\/td>\r\n";
   tileBoxImageString += "<td height=\"30\"><div style=\"width:480px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<td><div style=\"width:46px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<\/tr>\r\n";

   tileBoxImageString += "<td><div style=\"width:46px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<td width=\"480\" height=\"386\" align=\"center\"><img src=\"" + sideImageUrl + "\" width=\"346\" height=\"262\" border=\"0\"><\/td>\r\n";
   tileBoxImageString += "<td width=\"46\"><div style=\"width:46px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<\/tr>\r\n";

   tileBoxImageString += "<tr>\r\n";
   tileBoxImageString += "<td><div style=\"width:46px\"><\/div><\/td>\r\n";
   tileBoxImageString += "<td height=\"24\" align=\"center\" valign=\"middle\"><\/td>\r\n";
   tileBoxImageString += "<td><\/td>\r\n";
   tileBoxImageString += "<\/tr>\r\n";

   tileBoxImageString += "<tr>\r\n";
   tileBoxImageString += "<td><\/td>\r\n";
   tileBoxImageString += "<td height=\"105\" align=\"center\"><div style=\"height:105px;padding-top:78px\"><a class=\"viewclickclass\" style=\"cursor:hand;color:blue;\" onclick=\"javascript:toggleImageView();\">Show top of tile box<\/a><\/div><\/td>\r\n";
   tileBoxImageString += "<\/tr>\r\n";
   tileBoxImageString += "<td><\/td>\r\n";

   tileBoxImageString += "<\/table>\r\n";

   tileBoxImageString += "<\/div>\r\n";
   tileBoxImageString += "<\/body>\r\n";
   tileBoxImageString += "<\/html>\r\n";
   return tileBoxImageString;

   }

//-----------------------------------------------------------

// function openCardImageWin(outsideImageUrl, insideImageUrl, name)

//-----------------------------------------------------------


function openCardImageWin(outsideImageUrl, insideImageUrl, name)
   {

   var title = name.replace(/_/gi, " ");

   if (cardWindowObj && cardWindowObj.open && !cardWindowObj.closed)
      {
      cardWindowObj.focus();
      }
   else
      {
      cardWindowObj = window.open(outsideImageUrl, name,"scrollbars=no,toolbar=0,resizable=no,width=660,height=480,left=0,top=0");
      }

   cardWindowObj.document.write(cardImageWindowBodyString(outsideImageUrl, insideImageUrl, title));

   cardWindowObj.document.close();
   }

//-----------------------------------------------------------

// function openTileBoxImageWin(topImageUrl, sideImageUrl, name)

//-----------------------------------------------------------


function openTileBoxImageWin(topImageUrl, sideImageUrl, name)
   {
   var title = name.replace(/_/gi, " ");

/*
   if (tileBoxWindowObj && tileBoxWindowObj.open && !tileBoxWindowObj.closed)
      {
      tileBoxWindowObj.focus();
      }

   else
      {
*/
      tileBoxWindowObj = window.open(topImageUrl, name,"scrollbars=no,toolbar=0,resizable=no,width=572,height=546,left=0,top=0");
//      }

   tileBoxWindowObj.document.write(tileBoxImageWindowBodyString(topImageUrl, sideImageUrl, title));

   tileBoxWindowObj.document.close();
   }

//-----------------------------------------------------------

// function openBookImageWin(url, name)

//-----------------------------------------------------------


function openBookImageWin(url, name)
   {
   props = window.open(url, name,"scrollbars=no,toolbar=0,resizable=no,width=344,height=526,left=0,top=0");
   var title = name.replace(/_/gi, " ");
   props.document.write("<html><head><title>" + title + "<\/title><\/head><body style=\"left:0px;top:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px\" onblur=\"window.close();\">");
   props.document.write('<img src='+url+'>');
   props.document.write('<\/body><\/html>');
   props.document.close();
   }

//-----------------------------------------------------------

// function openCdImageWin(url, name)

//-----------------------------------------------------------

function openCdImageWin(url, name)
   {
   props = window.open(url, name,"scrollbars=no,toolbar=0,resizable=no,width=526,height=526,left=0,top=0");
   title = name.replace(/_/gi, " ");
   props.document.write("<html><head><title>" + title + "<\/title><\/head><body style=\"left:0px;top:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px\" onblur=\"window.close();\">");
   props.document.write('<img src='+url+'>');
   props.document.write('<\/body><\/html>');
   props.document.close();
   }

