var cookie_name = "nurturenaturecatalog";
var rrctpage = "../rrcatalog.html";

function SearchString(locObj) {
        var i, inpt = locObj.search.substr(1);
        if (inpt.length > 0) {
                parmstr = inpt;
                var ary = inpt.replace(/\+/g, " ").split("&");
                for (i in ary) {
                        ary[i] = ary[i].split("=");
                        this[unescape(ary[i][0])] = unescape(ary[i][1]);
                }
        }
}

function unframeme() {
        if (self != top)
                top.location.href = self.location.href;
}

function check_cart () {
        if ( qstr["todo"] && qstr["todo"] == "viewcart" ) {
                writecart ();
        }
        parent.scroll(0,0);
}

function readit () {
        cval = Get_Cookie ( cookie_name );
        nitems = 0;
        if (cval && cval.length > 0) {
                cary = cval.split(":");
                for (var i in cary) {
                        nitems = nitems + 1;
                        cary[i] = cary[i].split("|");
                }
        }
}

function getDiv(id){
        var mydiv;
        if(document.all){
                mydiv = document.all[id];
        } else if ( document.getElementById ) {
                mydiv = document.getElementById(id);
        }
        return mydiv;
}


function resetit () {
        Delete_Cookie ( cookie_name );
        //getDiv("cart_no").innerHTML = "You have <b>0</b> item";
}

function add2cart ( pid ) {
                storeMasterCookie ();
                //var num = document.frmProductDetails.Quantity.value;
                var num = 1;
                var old = Get_Cookie( cookie_name );

                if ( old && old.length > 0  ) {
                        var seen = false;
                        for (var i in cary) {
                                if ( cary[i][0] == pid ) {
                                        seen = true;
                                        cary[i][1] = "" + eval( parseInt(cary[i][1]) + parseInt(num) );
                                }
                        }
                        if ( seen ) {
                                old = "";
                                for (var i in cary) {
                                        if ( old.length > 0 ) {
                                                old = old + ":"  + cary[i][0] + "|" + cary[i][1];
                                        } else {
                                                old = cary[i][0] + "|" + cary[i][1];
                                        }
                                }

                        } else {
                                old = old + ":"  + pid + "|" + num;
                        }
                } else {
                        old = pid + "|" + num;
                }

                storeIntelligentCookie ( cookie_name, old );

                window.location.href =  baseurl + "?todo=viewcart";
}

function update () {
        var tstr = "";
        for ( var i in cary ) {
                var chk = eval ("window.shopping_cart.document.form1.checkbox"+i+".checked");
                var qnt = eval ("window.shopping_cart.document.form1.qtext"+i+".value");
                if ( ! chk && qnt > 0 ) {
                        if ( tstr.length > 0 ) {
                                tstr += ":" + cary[i][0] + "|" + qnt;
                        } else {
                                tstr =  cary[i][0] + "|" + qnt;
                        }
                }
        }

        Delete_Cookie ( cookie_name );
        storeIntelligentCookie ( cookie_name, tstr );
        window.location.reload (true);
//      var ts = new Date().getTime();
//      window.location.href = baseurl + '?todo=viewcart&ts=' + ts;
}

function print_cart () {
        gtotal = 0;
        for ( var i in cary ) {
                print_item ( i, cary[i][0], cary[i][1] );
        }
}

function print_item ( i, pid, num ) {

        gtotal += eval ( num * prod[pid][2] ); 

        window.shopping_cart.document.write (

'  <TR>\n' +
'  <TD align=center>\n' +
'  <TABLE id=itable' + i + ' cellSpacing=0 cellPadding=1 \n' +
'  border=0>\n' +
'  <TR>\n' +
'  <TD valign=middle align=center height=40><FONT face=Verdana \n' +
'  size=1><A \n' +
'  href="' + rrctpage + '" target="_top" ><IMG \n' +
'  src="product_images/p' + pid + '.jpg" width=30 \n' +
'  border=0></FONT></A></TD></TR></TABLE></TD>\n' +
'  <TD valign=middle align=center><FONT face=Verdana \n' +
'  size=1>' + pid + '</FONT></TD>\n' +
'  <TD valign=middle align=center><FONT face=Verdana size=1>10-14 days</FONT></TD>\n' +
'  <TD valign=middle width=300 align="left"><FONT face=Verdana \n' +
'  color=#772120 size=1><B>' + prod[pid][0] + 
'  </B></FONT></FONT></TD>\n' +
'  <TD valign=middle align=center><FONT \n' +
'  face=Verdana size=1>$' + prod[pid][2] + '</FONT></TD>\n' +
'  <TD valign=middle align=center><FONT face=Verdana \n' +
'  size=1><INPUT class=textbox id=qtext' + i + ' maxLength=3 \n' +
'  size=2 value="' + num + '" name=qtext' + i + '  onKeyPress="return parent.check_input(event);" ></FONT></TD>\n' +
'  <TD valign=middle align=right><FONT \n' +
'  face=Verdana size=1>$' + (eval ( num * prod[pid][2] )) + '</FONT></TD>\n' +
'  <TD valign=middle align=center><INPUT id=checkbox' + i + ' \n' +
'  type=checkbox name=checkbox' + i + '></TD></TR>\n' +
'  <TR>\n' +
'  <TD bgColor=#772120 colSpan=8><IMG \n' +
'  src="images/blank.gif"></TD></TR>\n' +
'  <TR>\n' +
'  <TD colSpan=8 width=1 height=4><IMG \n' +
'  src="images/blank.gif"></TD></TR>\n' );

}

function getcatg ( prod ) {
     var i=0;
     var l=0;
     var pid;
     for ( pid in prod ) {
       l++;
     }
     for ( pid in prod ) {
         getcatg_cell ( pid, prod );
         i++;
         if( i < l ){
           document.write ("</tr>\n<tr>\n"+
'<td align="center"><img src="images/redline.jpg" width="100%" height="1"></td></tr>'+
'<tr>');
         }else{
           document.write ("</tr>\n<tr>\n");
         }
     }
}

function getcatg_cell ( pid, prod ) {
        var url = baseurl + '?prod=' + pid ;
        var copyright_align = "left";
        var copyright = prod [ pid ] [4];
        var sizestr = 'Size (inches): '+ prod [ pid ] [1];
        sizestr = "&nbsp;";
        var price_str = "Price:";
        var price_num = prod[ pid ][2];
        var sh_str = "";
        var cell_prop = "width=204 valign=bottom";
 
        var font_size = 1;
        cell_prop = "valign=top";
        font_size = 3;
        price_num = prod[ pid ][1];
        var pimg_str;
        var pnm_str;
        if( typeof(prod[ pid ][8]) != "undefined" && prod[ pid ][8] == "soldout"){
           pimg_str = '<img src="product_images/sop' + pid + '.jpg" border=0> \n'; 
           pnm_str  = '<b>' + prod[ pid ][0] + '</b>';
        }else{
           pimg_str = '<a href="' + url + '"><img src="product_images/p' + pid + '.jpg" border=0></a> \n'; 
           pnm_str  = '<a href="' + url + '" class="greylinks"><b>' + prod[ pid ][0] + '</b></a>';
        }
        var photo_str = "";
        var photo_align = "center";
        if ( prod [pid] [5] &&  prod [pid] [5].length > 0 ) {
            photo_str =  prod [pid] [5];
            photo_align = "left";
        }


        document.write (
'                                     <td ' + cell_prop + ' align=center> \n' +
' \n' +
'                                       <table border="0" cellspacing="1" cellpadding="0" style="BORDER-COLLAPSE: collapse" bordercolor="#111111" valign=bottom> \n' +
'                                         <tr> \n' +
'                                           <td valign="middle" align= "center"> \n' +
' \n' +
'                                             <table border="0" cellspacing="1" cellpadding="0" width="150" style="BORDER-COLLAPSE: collapse" bordercolor="#CCCCCC"> \n' +
'                                               <tr> \n' +
'                                                 <td valign="middle" align="center"> \n' + pimg_str +
'                                                 </td> \n' +
'                                               </tr> \n' +
'                                             </table> \n' +
' \n' +
'                                           </td> \n' +
'                                         </tr> \n' +
'                                         <tr>  \n' +
'                                           <td align="center">' + pnm_str + 
'                                           </td> \n' +
'                                         </tr> \n' +
'                                         <tr>  \n' +
'                                  <td align="center">Product Code:  <b>#' +
pid + '</b></td> \n' +
'                                         </tr> \n' +
'                                         <tr>  \n' +
'                                           <td align="center">'+price_str+' <font color=#FF0000><b>$'+
price_num + '</b></font>'+sh_str+'</td> \n' +
'                                         </tr> \n' +
'                                         <tr> \n' +
'                                           <td align="'+copyright_align+'">'+copyright + '</td> \n' +
'                                         </tr> \n' +
'                                         <tr> \n' +
'                                           <td align="center">'+sizestr + '</td> \n' +
'                                         </tr> \n' +
'                                         <tr> \n' +
'                                           <td align="'+photo_align+'">'+photo_str+
'</td> \n' +
'                                         </tr> \n' +
'                                       </table> \n' +
'                                     </td> \n'
);

}

function check_input(e) {
  var keyCode = (e.keyCode) ? e.keyCode : e.which;
    if( (keyCode > 47 && keyCode < 58) || keyCode == 0 || keyCode == 8 ) {
             return true;
    }else{
         return false;
    }
}

function writecart () {

var iframe_base = window.location.href.substring(0, window.location.href.lastIndexOf("/") + 1);

window.shopping_cart.document.open("text/html");
window.shopping_cart.document.write(
'<html><head><title>shopping cart</title>\n' +
'<base href="' + iframe_base + '" >\n' +
'</head><body bgcolor="#FEFFBD">\n' +
'                  <table border="0" cellpadding="0" cellspacing="0" width=616> \n' +
'                    <tr> \n' +
'                      <td bgcolor="#EFBE4A"> \n' +
' \n' +
'                        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1"> \n' +
'                          <tr> \n' +
'                            <td><img border="0" src="images/' +
'hd_shoppingcart.jpg"></td> \n' +
'                          </tr> \n' +
'                        </table> \n' +
' \n' +
'                      </td> \n' +
'                    </tr> \n' +
'                    <tr> \n' +
'                      <td> \n' +
' \n' +
'                        <!-- Main Page Start --> \n' +
' \n' +
'                          <div align="center"> \n' +
'                          <center> \n' +
' \n' +
'                          <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber2"> \n' +
'                            <tr> \n' +
'                              <td> \n' +
'                               <div align="center"> \n' +
'                               <center> \n' +
' \n' +
' \n' +
'<!-- Start of shopping cart -->  \n' +
'                                 <table border="0" width="100%" valign="top" align="left" cellpadding="2" cellspacing="3" ID="Table1"> \n' +
'                                   <tr> \n' +
'<tr><td colspan=2>\n' +
'<DIV align=center>\n' +
'<CENTER>\n' +
'<FORM name=form1 action="" method=post>\n' +
'<TABLE id=Table1 cellSpacing=0 cellPadding=0 \n' +
'width=616 border=0>\n' +
'  <TR>\n' +
'  <TD><FONT face=verdana color=red size=1></FONT>\n' +
'  <TABLE id=AutoNumber2 \n' +
'  style="BORDER-COLLAPSE: collapse" cellSpacing=0 \n' +
'  cellPadding=0 width="100%" border=0>\n' +
'  <TR>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana \n' +
'  size=1><NOBR>IMG</NOBR></FONT></TH>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana size=1><NOBR>ITEM \n' +
'  #</NOBR></FONT></TH>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana size=1><NOBR>SHIPS \n' +
'  IN</NOBR></FONT></TH>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana \n' +
'  size=1><NOBR>DESCRIPTION</NOBR></FONT></TH>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana size=1><NOBR>PRICE \n' +
'  PER</NOBR></FONT></TH>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana size=1><NOBR>QTY</NOBR></FONT></TH>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana size=1><NOBR>SUB \n' +
'  TOTAL</NOBR></FONT></TH>\n' +
'  <TH class=cartheader bgColor=#FEFFBD><FONT \n' +
'  face=Verdana \n' +
'  size=1><NOBR>REMOVE</NOBR></FONT></TH></TR>\n' +
'  <TD bgColor=#772120 colSpan=8><IMG \n' +
'  src="images/blank.gif"></TD></TR>\n' +
'  <TR>\n' );

print_cart ();

var btotal = gtotal;
var discount = 0;
var dis_str = "";

var urlstr = "/cgi-bin/ctgate.cgi?price=" + gtotal + "&desc=" + escape (cval);

window.shopping_cart.document.write (
'  <TR>\n' +
'  <TD class=cartlineitemB align=right width="100%" \n' +
'  colSpan=8><A href="javascript:parent.update();"><IMG \n' +
'  alt="Update Changes" \n' +
'  src="images/bt_update.gif" border=0 \n' +
'  name=image1></A> \n' +
'  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \n' +
'  <A href="javascript:parent.update();"><IMG id=image2 \n' +
'  alt=Remove src="images/bt_remove.gif" \n' +
'  border=0 name=image2></A> </TD></TR>\n' +
'  <TR>\n' +
'  <TD class=cartlineitemB width="100%" colSpan=4 \n' +
'  ></TD>\n' +
'  <TD class=cartlineitemB align=right colSpan=3 \n' +
'  height=10><B><FONT face=Verdana size=1>Product \n' +
'  SubTotal &nbsp; $' + btotal + '</FONT></B></TD>\n' +
'  <TD height=10>&nbsp;</TD></TR>\n' + dis_str +
'</TABLE></CENTER></DIV></TD></TR>\n' +
'  <TR>\n' +
'  <TD>\n' +
'  <TABLE id=Table6 cellSpacing=0 cellPadding=0 \n' +
'  width="100%" border=0>\n' +
'<TR bgColor=#FEFFBD>\n' +
'<TD align=right \n' +
'bgColor=#FEFFBD colSpan=4>&nbsp;</TD>\n' +
'<TD align=right \n' +
'bgColor=#FEFFBD colSpan=3><FONT face=Verdana \n' +
'size=1><B>GRAND TOTAL &nbsp; $' + gtotal +
'</B></FONT></TD>\n' +
'<TD\n' +
'bgColor=#FEFFBD></TD></TR>\n' +
'  <TR>\n' +
'  <TD colspan=4><BR><A \n' +
'  href="' + rrctpage + '" target="_top"><IMG \n' +
'  src="images/bt_contshopping.gif" \n' +
'  border=0></A><IMG height=1 alt="" \n' +
'  src="images/blank.gif" \n' +
'  width=1 border=0></TD>\n' +
'  <TD align=right colspan=4><BR>');

if ( gtotal > 0 ) {
window.shopping_cart.document.write (
'  <A \n' +
'  href="' + urlstr + '"><IMG \n' +
'  alt="continue checkout" \n' +
'  src="images/bt_contchkout.gif" \n' +
'  border=0></A>');
}

window.shopping_cart.document.write (
'  </TD></TR></TABLE>\n' +
' \n' +
'                               </center> \n' +
'                               </div> \n' +
'                <!-- Main Page End --> \n' +
'                              </td> \n' +
'                            </tr> \n' +
'                          </table> \n' +
'                          </body></html> \n' );

window.shopping_cart.document.close ();
}


function product_detail( pid, prod){

document.write(
'                        <div align="center">\n' +
'                        <center>\n' +
'\n' +
'                        <table border="0" cellpadding="2" cellspacing="2">\n' +
'                          <tr>\n' +
'                            <td align="left"><b>Product Detail</b>\n'+
'                            </td>\n' +
'                          </tr>\n' +
'                          <tr>\n' +
'                            <td align="center">\n' +
'                                <form name="frmProductDetails">\n'+ 
'                                <table border="0" cellpadding="2" cellspacing="3">\n' +
'                                  <tr>\n' +
'                                     <td align="center" valign="top" width="50%">'  );

        if ( prod [ pid ] [6] ) {
            document.write (
        '<a href="' + baseurl + "?prod=" + pid + '&viewimage='+ pid + '"><IMG src="product_images/p' +
                        pid + '.jpg" border=0></a>\n' +
        '<br><span align=center>\n' +
'<a href="' + baseurl + "?prod=" + pid + '&viewimage='+ pid + '" class="greylinks"><b>Click to enlarge image<b></span></a>'); 
        }else{
            document.write ('<IMG src="product_images/p' +      pid + '.jpg" border=0>');
        }

document.write('                      </td>\n' +
'                                     <td>&nbsp;&nbsp;</td>\n' +
'                                     <td valign="top">\n' +
'                                            <table cellSpacing="2" align=left border=0 width=100%>\n' +
'                                                <tr>\n' +
'                                                  <td align="left">\n' +
'                                                    <b>Product Code:</b> #' +
pid + '<br>\n');

price_str = prod[ pid ][1];

document.write(
'                                                  </td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                  <td align="left">\n' +
'                                                    <b>\n' +
prod[ pid ][0] + '</b>\n' +
'                                                  </td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                  <td>&nbsp;\n' +
'                                                  </td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                  <td>&nbsp;\n' +
'                                                  </td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                  <td align="left">\n' +
'                                                    <b>Quantity:</b>\n' +
'                                                  </td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                  <td align="left">\n' +
'                                                    <input class=textbox size=10 name=Quantity type=text maxlength=2 value="1" ID="Text1"  onKeyPress="return check_input(event);" >&nbsp;\n' +
'                                                  </td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                  <td align="left">\n' +
'                                                   <b>Your Price:</b>&nbsp;&nbsp;$' +
price_str + '\n' +
'                                                  </td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                 <td>\n' +
'                                                  <IMG height=10 src="images/blank.gif" width=1></td>\n' +
'                                                </tr>\n' +
'                                                <tr>\n' +
'                                                <td align="left">\n' +
'                                                <A href="javascript:add2cart(\'' + pid +'\')"><IMG src="images/bt_addtocart.gif" border=0></a></td>\n' +
'                                                </tr>\n' +
'                                              </table>\n' +
'                                     </td>\n' +
'                                  </tr>\n' +
'                                </table>\n' +
'                                </form>\n' +
'                             </td>\n' +
'                             </tr>\n' +
'                             <tr>\n' +
'                               <td align=right><a class=leftlinks href="' + 
baseurl + '">&lt;&lt; Back to Product Listing</a></td>\n' +
'                             </tr>\n' +
'                      </table>\n' +
'                      </center>\n'+
'                      </div>');


}


function todo_viewcart(){

document.write(
'                        <center>\n' +
'<div id="shopid"><iframe ' +
'name="shopping_cart" id="shopping_cart" width="645" height="380" marginwidth="1" marginheight="1"' +
'frameborder="0" src=""></iframe></div>' +
'                        </center>');

}

function todo_catgnoprod(){

document.write(
'                               <div align="center"> \n' +
'                               <center> \n' +
'                                 <table border="0" width="100%" valign="top" align="left" cellpadding="2" cellspacing="3"> \n' +
'                                   <tr> \n'); 

getcatg ( prod );

document.write (
'                                   </tr> \n' +
'                                 </table> \n' +
'                               </center> \n' +
'                               </div>' );

}


function todo_viewimage(pid){

document.write(
'                        <div align="center">\n' +
'                        <center>\n' +
'                        <table border="0" cellpadding="0" cellspacing="0" width="100%">\n' +
'                          <tr>\n' +
'                            <td align="center">\n' +
'                                  <table cellSpacing="2" cellPadding="5" border="0">\n' +
'                                     <tr>\n' +
'                                       <td align="center"><IMG src="product_images/lp' +
        pid + '.jpg" border=0></td>\n' +
'                                     </tr>\n' +
'                                  </table>\n' +
'                             </td>\n' +
'                           </tr>\n' +
'                           <tr>\n' +
'                           <td align=right><a class=leftlinks href="' + 
baseurl + "?prod=" + pid + '">&lt;&lt; Back to Product Details</a></td>\n' +
'                           </tr>\n' +
'                           <tr>\n' +
'                             <td><p>&nbsp;</p></td>\n' +
'                           </tr>\n' +
'                        </table>\n' +
'                        </center>\n' +
'                        </div>' );

}

function write_shop_pages(){
  if ( qstr["todo"] && qstr["todo"] == "viewcart" ) {
     todo_viewcart();
  } else {
     add2cart('catalog');
  }
}

function resize_iframe(h){
   getDiv("shopping_cart").style.height=h;
}


