Subversion Repositories SmartDukaan

Rev

Rev 449 | Rev 517 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Prevent MS Office toolbar from changing layout -->
<meta http-equiv="imagetoolbar" content="false">
<meta name="MSSmartTagsPreventParsing" content="true">
<title>Shop2020</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- start of new code -->
<link rel="stylesheet" href="css/style_2.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/front.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/ui.base.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/tipsy.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/demoStyles.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/jScrollPane.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/registration.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/myaccount.css" type="text/css" media="all" />
<!-- Cross Browser Compatibility Check -->
<link rel="stylesheet" href="css/gc_safari.css" type="text/css" media="all" />
<!--[if IE 8]>
                <link rel="stylesheet" href="css/ie8.css" type="text/css" media="all" />
        <![endif]-->
<!--[if IE 7]>
                <link rel="stylesheet" href="css/ie7.css" type="text/css" media="all" />
        <![endif]-->
<!-- /Cross Browser Compatibility Check -->
<script language="javascript" src="js/iehover-fix.js" type="text/javascript"></script>
<script language="javascript" src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" src="js/jquery-ui.min.js" type="text/javascript"></script>
<script language="javascript" src="js/jquery.tipsy.js" type="text/javascript"></script>
<script language="javascript" src="js/jquery.color.js" type="text/javascript"></script>
<script language="javascript" src="js/gallery.js" type="text/javascript"></script>
<script language="javascript" src="js/scrolltab.js" type="text/javascript"></script>
<script language="javascript" src="js/all.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<SCRIPT language="javascript" src="js/loopedslider.js" type="text/javascript"></SCRIPT>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<!-- splited for widget-->
<SCRIPT language="javascript" src="js/widget_research.js"></SCRIPT>
<SCRIPT language="javascript" src="js/widget_accordion.js"></SCRIPT>
<SCRIPT language="javascript" src="js/widget_slidetab.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/loginpop.js"></SCRIPT>
<script type="text/javascript" src="js/widget_cart.js"></script>
<!-- youtube video start-->
<script src="js/jsapi.js" type="text/javascript"></script>
<script src="js/youtubeplayer.js" type="text/javascript"></script>
<!-- youtube video end -->

<script type="text/javascript" src="js/formvalidation.js"></script>
<script type="text/javascript" src="js/myaccount.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>

<!-- end of new code -->
<script type="text/javascript" charset="utf-8">
/*youtube video init*/
google.load("swfobject", "2.1");
google.setOnLoadCallback(_run);

$(function(){
     $('#loopedSlider').loopedSlider();
});

$(function() {
runEffect();
});


$(document).ready(
function() {
          $("#controls").tabs();
});

$(function() {
     $('#forgot_username_link').tipsy({gravity: 'w'});
});

function changeSignInClass(){
     if(document.getElementById("signinClass").className.indexOf("signin1")> -1){
          document.getElementById("signinClass").className='signin';
     }else{
          document.getElementById("signinClass").className='signin1';
     }
}
</script>
<!--[if IE ]>
<link media="all" href="http://74.207.248.175:8080/Website/css/ie.css" type="text/css" rel="stylesheet" />
<![endif]-->
<!--[if lte IE 6]>
<script type="text/javascript">
sfHover = function() {
        var sfEls = document.getElementById("sideNav").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
<![endif]-->
<script type="text/javascript">
$(document).ready(
function() {
          $(".demo").tabs();
     }
);
</script>
<script type="text/javascript">
$(document).ready(
function() {
          $(".controls").tabs();
}
);
</script>
</head>
<body>
<noscript>
<p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
</noscript>
<!-- header -->
<div id="header">
  <div class="content">
    <div id="logo"> <a href="index.html"><img src="images/logo.gif" width="206" height="49" alt="Shop 2020" title="Shop 2020" /></a> </div>
    <div id="headerRight">
      <div id="login_span"> <a href="http://www.facebook.com" target="_blank" class="facebook">Subscribe</a> | <a href="#">My Account</a> | <a href="#">Notifications</a> | <a href="../logout">Sign Out</span></a> </div>
      <!-- welcome -->
      <div id="welcome_msg">Hi, Tanuj Shah</div>
      <!-- /welcome -->
      <div class="clearBoth"></div>
      <!-- Login popup start -->
      <FIELDSET id="signin_menu" style="display: none; ">
      <FORM method="post" id="signin" action="#">
        <LABEL for="username">Username</LABEL>
        <INPUT id="username" name="username" value="" title="username" tabindex="4" type="text">
        <P></P>
        <P>
          <LABEL for="password">Password</LABEL>
          <INPUT id="password" name="password" value="" title="password" tabindex="5" type="password">
        </P>
        <P class="remember">
          <INPUT id="signin_submit" value="Sign in" tabindex="6" type="button">
          <INPUT id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
          <LABEL for="remember">Remember me</LABEL>
        </P>
        <P class="forgot"> <A href="#" id="resend_password_link">Forgot your password?</A> </P>
        <P class="forgot-username"> <A id="forgot_username_link" title="If you remember your password, try logging in with your email" href="#">Forgot your username? </A> </P>
      </FORM>
      </FIELDSET>
      <!-- Login popup end -->
    </div>
    <div class="clearBoth"></div>
  </div>
</div>
<!-- header -->

<!-- main -->
<div id="main">
  <!-- menu -->
  <div id="menu">
    <ul id="nav">
      <li><a href="index.html">HOME</a> </li>
      <li><a href="#" class="menuArrow">PHONE CATEGORIES</a></li>
      <li><a href="#" class="menuArrow">PHONE ACCESSORIES</a></li>
      <li><a href="#">SHOP BY BRANDS</a></li>
      <li><a href="#">BEST DEALS</a></li>
      <li><a href="#">FAQs</a></li>
    </ul>
    <div class="clearBoth"></div>
  </div>
  <!-- /menu -->
  <!-- search & cart -->
  <div id="searchCartArea">
    <div class="left">
      <div class="right">
        <div class="center">
          <!-- search -->
          <div id="search">
            <form id="frmSearch" name="frmSearch" method="post" action="">
              <input type="text" id="" name="txtContent" class="textbox" />
              <select class="dropdown" id="cat" name="cat">
                <option value="0">All Categories</option>
                <option value="1">Business Phones</option>
                <option value="2">High-end Multimedia Phones</option>
                <option value="3">Low-end Multimedia Phones</option>
              </select>
              <div class="bigImgButton">
                <div class="left">
                  <div class="right">
                    <div class="center">
                      <input type="submit" name="btnSearch"  id="" value="Search" class="button" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="clearBoth"></div>
            </form>
          </div>
          <!-- /search -->
          <!-- cartValue -->
          <div id="cartValue">
            <div class="bigImgButton">
              <div class="left">
                <div class="right">
                  <div class="center"> <img src="images/cart.jpg" width="22" height="28" alt="" />
                    <div class="caption"><a href="#">Cart (<span id="cartItemCount">0</span>)</a></div>
                    <div class="clearBoth"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /cartValue -->
          <div class="clearBoth"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- /search & cart -->
  <!-- wrapper-->
  <div id="wrapper">
    <script>
                $(document).ready(function() {
           // Main "Add to Cart" 
           $("#addcart").click(function(){
        
                 alert("AJAX request to add products in Cart. Product ID: "+$("#item_id").val()); 
                 jQuery.ajax({
                          type: "POST",
                          url: "../cart",
                          data: "productid="+$("#item_id").val(),
                          success: function(msg){
                                   $("#cartItemCount").html((msg*1));
                                   alert( "Data Saved: " + msg );
                          }
                 });
           });
           
                jQuery.ajax({
                  type: "GET",
                  url: "../estimate/"+$("#zipcode").val(),
                  beforeSend: function(){ $("#shipping_time").html("<img src='http://74.207.248.175:8080/Website/images/loader_l.gif'>"); },
                  success: function(msg){
                                alert( "delivery estimate is " + msg);
                           $("#shipping_time").html(msg);
                  }
                 });
                });   
        </script>
            
    <!-- Product detail -->
    <div id="productDetail">
      <div class="top">
        <div class="left">
          <div class="right"> &nbsp; </div>
        </div>
      </div>
      <div class="middle">
        <div class="content">
          <form id="frmProductDetail" name="frmProductDetail" method="post" action="">
            <div class="blockLeft">
              <!-- breadcrumb -->
              <div id="breadcrumb"> <a href="#">Home</a>&nbsp;&gt; <a href="#" class="deselect">My Account </a> </div>
              <!-- /breadcrumb -->
              <h1 id="productHeading">My Account</h1>
            </div>
            <div class="padding_topbottom">&nbsp;</div>
          </form>
          <div class="clearBoth"></div>
        </div>
      </div>
      <div class="bottom">
        <div class="left">
          <div class="right"> &nbsp; </div>
        </div>
      </div>
    </div>
    <!-- /Product detail -->
    
    <!-- my account -->
    <div id="myAccount">
        <div class="top">
                <div class="left">
                <div class="right">&nbsp;</div>
            </div>
        </div>
        
        <div class="middle">
                <div class="left">
            <div class="right">

                <!-- nav -->
                <div id="myAccountNav">
                    <ul>
                        <li><h2>Order History</h2></li>
                        <li><a href="open_orders.html">Open Orders</a></li>
                        <li><a href="completed_orders.html">Completed Orders</a></li>
                        
                        <li><h2 class="spacing">Payments</h2></li>
                        <li><a href="#">Payment Options</a></li>
                        
                        <li><h2 class="spacing">Account Settings</h2></li>
                        <li><a href="personal_details.html">Personal Details</a></li>
                        <li><a href="login_details.html" class="active">Login Details</a></li>
                        <li><a href="shipping_address.html">Shipping Address</a></li>
                        
                        <li><h2 class="spacing">Personalization</h2></li>
                        <li><a href="#">Recommendations</a></li>
                        <li><a href="#">Browsing History</a></li>
                    </ul>
                </div>
                <!-- /nav -->
                
                <!-- content -->
                <div class="content">
                        <h1>Login Details</h1>
                    
                    <div id="loginDetails">
                    
                            <!-- registered user on shop2020 -->
                        <div id="registeredUserShop2020" style="display:block;">
                            <form id="frmRegisUser" name="frmRegisUser" method="post" action="">
                                
                                <dl>
                                    <!-- LoginID -->
                                    <dt><label for="txtLoginID">Login ID (Email)</label></dt>
                                    <dd>
                                        <div class="blockLeft">
                                            <div class="imgTextBox">
                                                <div class="left">
                                                <div class="right">
                                                    <input type="text" name="txtLoginID" id="txtLoginID" class="textbox" />
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="blockRight style1">
                                            Your login email address <br />
                                            must be validated
                                        </div>
                                        <div class="clearBoth"></div>
                                    </dd>
                                    <!-- /LoginID -->
                                    
                                    <!-- Password -->
                                    <dt>Password</dt>
                                    <dd>
                                       <dl>
                                            <!-- old password -->
                                            <dt>
                                                <label for="txtOldPassword"><span class="required">*</span>Old Password:</label>
                                            </dt>
                                            <dd>
                                                 <div class="imgTextBox">
                                                    <div class="left">
                                                    <div class="right">
                                                        <input type="password" id="txtOldPassword" name="txtOldPassword" class="textbox" />
                                                    </div>
                                                    </div>
                                                </div>
                                            </dd>
                                            <!-- /old password -->
                                            
                                            <!-- new password -->
                                            <dt>
                                                <label for="txtNewPassword"><span class="required">*</span>New Password:</label>
                                            </dt>
                                            <dd>
                                                <div class="blockLeft">
                                                    <div class="imgTextBox">
                                                        <div class="left">
                                                        <div class="right">
                                                            <input type="password" id="txtNewPassword" name="txtNewPassword" class="textbox" />
                                                        </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                <div class="blockRight">
                                                     <span class="style3">minimum 6 characters</span>
                                                </div>
                                                
                                                <div class="clearBoth"></div>
                                            </dd>
                                            <!-- /old password -->
                                            
                                            <!-- confirm password -->
                                            <dt>
                                                <label for="txtConfirmPassword"><span class="required">*</span>Confirm Password:</label>
                                            </dt>
                                            <dd>
                                                <div class="imgTextBox">
                                                    <div class="left">
                                                    <div class="right">
                                                        <input type="password" id="txtConfirmPassword" name="txtConfirmPassword" class="textbox" />
                                                    </div>
                                                    </div>
                                                </div>
                                            </dd>
                                            <!-- /confirm password -->
                                       </dl> 
                                    </dd>
                                    <!-- /Password -->
                                    
                                    <!-- Captcha -->
                                    <dt>&nbsp;</dt>
                                    <dd>
                                        <div class="blockLeft">
                                            
                                            <div class="captcha">
                                                <img src="images/captcha.png" width="221" height="74" alt="" />
                                            </div>
                                            
                                            <div class="imgTextBox">
                                                <div class="left">
                                                <div class="right">
                                                    <input type="text" name="txtCaptcha" class="textbox" />
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="blockRight style2">
                                            Enter the letters shown <br />in the image.
                                            <div class="spacing">&nbsp;</div>
                                            Letters are not case-sensitive
                                        </div>
                                        <div class="clearBoth"></div>
                                    </dd>
                                    <!-- /Captcha -->
                                    
                                    <!-- Buttons -->
                                    <dt class="noBorder"></dt>
                                    <dd>
                                        <div id="formButtons1">
                                            <div class="imgEnableButton enableDisableBtnWidth1">
                                                <div class="left">
                                                <div class="right">
                                                     <input type="submit" value="Save" name="save" class="button" />
                                                </div>
                                                </div>
                                            </div>
                                            
                                            <div class="imgEnableButton enableDisableBtnWidth2">
                                                <div class="left">
                                                <div class="right">
                                                     <input type="button" value="Cancel" name="cancel" class="button" />
                                                </div>
                                                </div>
                                            </div>                                        
                                            <div class="clearBoth"></div>                                    
                                        </div>
                                    </dd>
                                    <!-- /Buttons -->
                                    
                                </dl>
                            </form>
                        </div>
                        <!-- /registered user on shop2020 -->
                            
                            
                        <!-- registered user via Facebook -->
                        <div id="registeredUserFacebook" style="display:none;">
                                <form id="frmFacebookUser" name="frmFacebookUser" method="post" action="">
                            
                                <dl>
                                    <!-- facebook login -->
                                    <dt>
                                        <label for="txtFacebookLogin"><span class="required">*</span>Facebook Login:</label>
                                    </dt>
                                    <dd>
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" name="txtFacebookLogin" id="txtFacebookLogin" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                    </dd>
                                    <!-- /facebook login -->
                                    
                                    <!-- password -->
                                    <dt class="style4">
                                        <label for="txtPassword"><span class="required">*</span>Password:</label>
                                    </dt>
                                    <dd class="style4">
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="password" name="txtPassword" id="txtPassword" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                    </dd>
                                    <!-- /password -->
                                    
                                    <!-- Captcha -->
                                    <dt>&nbsp;</dt>
                                    <dd>
                                        <div class="blockLeft">
                                            
                                            <div class="captcha">
                                                <img src="images/captcha.png" width="221" height="74" alt="" />
                                            </div>
                                            
                                            <div class="imgTextBox">
                                                <div class="left">
                                                <div class="right">
                                                    <input type="text" name="txtCaptcha" class="textbox" />
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="blockRight style2">
                                            Enter the letters shown <br />in the image.
                                            <div class="spacing">&nbsp;</div>
                                            Letters are not case-sensitive
                                        </div>
                                        <div class="clearBoth"></div>
                                    </dd>
                                    <!-- /Captcha -->
                                    
                                    <!-- Buttons -->
                                    <dt class="noBorder"></dt>
                                    <dd>
                                        <div id="formButtons2">
                                            <div class="imgEnableButton enableDisableBtnWidth1">
                                                <div class="left">
                                                <div class="right">
                                                     <input type="submit" value="Save" name="save" class="button" />
                                                </div>
                                                </div>
                                            </div>
                                            
                                            <div class="imgEnableButton enableDisableBtnWidth2">
                                                <div class="left">
                                                <div class="right">
                                                     <input type="button" value="Cancel" name="cancel" class="button" />
                                                </div>
                                                </div>
                                            </div>                                        
                                            <div class="clearBoth"></div>       
                                        </div>                             
                                    </dd>
                                    <!-- /Buttons -->
                                    
                                </dl>
                                </form>
                        </div>
                                                <!-- /registered user via Facebook -->
                        
                    </div>
                    
                    </div>
                <!-- /content -->
                
                <div class="clearBoth"></div>
                
            </div>
            </div>
        </div>
        
        <div class="bottom">
                <div class="left">
                    <div class="right">&nbsp;</div>
            </div>
        </div>
    </div>
    <!-- /my account -->
    
  </div>
  <!-- /wrapper-->
  
  <!-- sidebar-->
  <div id="sidebar">
    <!-- customer service -->
    <div id="customerService">
      <h2>Customer Service</h2>
      <div class="floatLeft"> 
      <a href="#"><img src="images/buttons/customer-service-mail.jpg" width="40" height="42" alt="Customer Service Mail" title="Customer Service Mail" /></a> </div>
      <div id="customerPhone"> <img src="images/customer-service-phone.jpg" width="48" height="42" alt="Customer Service Phone No." title="Customer Service Phone No." /> 
      <span>1800 - 4567 - 9845</span> </div>
      <div class="clearBoth"></div>
    </div>
    
    <script type="text/javascript">
        <!--
        $(document).ready(function() {
        // Research "delete" Item
         $("#research_delete").click(function(){
                  var research_tot=$("#research_total").val();
                  
                  var seldata="";
                  var tot=0;
                  var saprt="";    
                  var containerdiv = "#pane1";     
                  var par= containerdiv + " input[type=checkbox]:checked";
                  $(par).each(function(){
                           saprt = (tot>0)? "_":"";
                           seldata += saprt+$(this).val();
                           tot++
                  });
                  if(tot>0){
                           var t=(research_tot*1)-(tot*1);
                           $("#research_total").val(t);
                           
                           alert("AJAX request to delete products in research. Product ID: "+seldata+" and total: "+tot); 
                           jQuery.ajax({
                                        type: "GET",
                                        url: "../myresearch/" + seldata + "?_method=delete",
                                        data: "productid="+seldata,
                                        success: function(msg){
                                                 alert( "Data Saved: " + msg );
                                        }
                           });
                           var arrayprod_id=seldata.split("_");
                           jQuery.each(arrayprod_id,function(intIndex, objValue){
                                        var tableref="#"+objValue;
                                        var tblid="#"+objValue+ " td";
                                        $(tblid).animate({ backgroundColor: "#fcffb3" }, 'slow');
                                        $(tblid).animate({ backgroundColor: "#F5F5F5" }, 'slow', function() { $(this).fadeOut('slow', function() { $(this).remove(); if(t === 0){ $("#research_default").css("display","block");} } ) }); 
                           
                           });
                  }else{
                        alert("Please select atleast one product.");
                  }
         });
        });
        //-->
</script>

<!-- Widget My Research start -->
<DIV class="lightbox">
         <DIV class="hdr" id="hdr0">
                  <A href="javascript:void(0);">My Research</A>
         </DIV>
         
         <DIV  class="holder osX" style="margin:0;width:100%;" id="winker0">
                        <DIV class="tools">
                           <A style="cursor:pointer;" id="research_delete">Delete</A>
                           <A href="#">Compare</A>
                           <A onclick="javascript:addToCart('pane1', 'multi')">Add to Cart</A>
                        </DIV>
                        
                        <input type="hidden" name="research_total" id="research_total" value="1">
                        
                        <DIV id="pane1" class="scroll-pane tabwrap researchHeight makeScroll" style="width:245px;" >
                                <TABLE cellspacing="0" cellpadding="0" border="0"  width="100%" id="research_default"  style="display:none; padding:10px 20px;">
                                <TBODY>
                                        <TR>
                                                <TD>Please Register/Sign-in to use My Research tool</TD>
                                        </TR>
                                </TBODY>
                                </TABLE>

                                <table cellspacing="0" cellpadding="0" border="0"  width="100%" id="1000111" >
                                <tr>
                                        <td class="borderBottom">
                                                <input type="checkbox" name="" value="1000111"  >
                                        </td>
                                        <td class="borderBottom">
                                                <img src="images/icon.jpg" />
                                        </td>
                                        <td class="borderBottom">
                                                <div>
                                                        <a href="./1000111">Nokia E72 </A>
                                                        <div class="price">Price: Rs. 176.3</div>
                                                        <div class="text">3G, Wi-Fi connectivity, 5 MP camera</div>
                                                        <div class="link"><a href="#">My Notes</a></div>
                                                </div>
                                        </td>
                                </tr>
                                </table>
                           
                        </DIV>
                        <DIV class="quicksign">
                           <A href="#">Sign In</A> | <A href="#">Register</A>  to save <br />" My Research "
                        </DIV>
         </DIV>
</DIV>
<!-- Widget My Research end -->
  </div>
  <!-- /sidebar-->
  <div class="clearBoth"></div>
  
</div>
<!-- /main -->

<!-- footer -->
<div id="footer">
  <div class="content">
    <ul>
      <li><a href="#">About Shop2020</a></li>
      <li>|</li>
      <li><a href="#">Careers</a></li>
      <li>|</li>
      <li><a href="#">Shipping Policy</a></li>
      <li>|</li>
      <li><a href="#">Privacy Policy</a></li>
      <li>|</li>
      <li><a href="#">Terms and Conditions</a></li>
    </ul>
    <div id="copyright"> All rights reserved. Copyright 2010 &copy;Shop2020 </div>
    <div class="clearBoth"></div>
  </div>
</div>
<!-- /footer -->
</body>
</html>