<div id="content"><div class="container">
</div>
  
  
  

    <div class="product-filter">
       <div class="display"><b>Display:</b> List <b>/</b> <a onclick="display('grid');">Grid</a></div>
     <div class="product-compare"><a href="index.php-route=product-compare.htm"  id="compare_total">Сравнивать товаров (0)</a></div>
  
    <div class="limit"><b>Товаров на странице:</b>
      <select onchange="location = this.value;">
                        <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=15" selected="selected">15</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=25">25</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=50">50</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=75">75</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=100">100</option>
                      </select>
    </div>
    <div class="sort"><b>Сортировка:</b>
      <select onchange="location = this.value;">
                        <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.sort_order&amp;order=ASC" selected="selected">Default</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.price&amp;order=DESC">Price (High &gt; Low)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=rating&amp;order=DESC">Rating (Highest)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=rating&amp;order=ASC">Rating (Lowest)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.model&amp;order=ASC">Model (A - Z)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.model&amp;order=DESC">Model (Z - A)</option>
                      </select>
    </div>
  </div>

  <div class="product-list">
        <div>
            <div class="image"><a href="index.php-route=product-product&path=33&product_id=30.htm"><img src="images/cache/data/img/26_sobeslava_92_6-180x135.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a></div>
            <div class="name"><a href="index.php-route=product-product&path=33&product_id=30.htm">Canon EOS 5D</a></div>
      <div class="description">
    Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we're not typically too concerned with marketing talk this particular statement is clearly pretty accurate. The EOS 5D is unlike any previous digital SLR in that it combines a full-frame (35 mm ..</div>
            <div class="price">
                <div class="product_sale_category">      
             <div class="sale-middle">
                Sale          </div>
          </div>
        <span class="price-old">$117.50</span> <span class="price-new">$94.00</span>
                        <br />
        
              </div>
                  <div class="cart"><a onclick="addToCart('30');" class="button"><span>В корзину</span></a></div>
     <div class="wishlist"><a>Мне нравится</a></div>
      <div class="compare"><a>Сравнить товар</a></div>
    </div>
        <div>
            <div class="image"><a href="index.php-route=product-product&path=33&product_id=31.htm" ><img src="images/cache/data/img/fly_zimbabwe_pup_01-180x135.jpg" tppabs="http://goinventive.co.uk/themes/shopcart/image/cache/data/img/fly_zimbabwe_pup_01-180x135.jpg" title="Nikon D300" alt="Nikon D300" /></a></div>
            <div class="name"><a href="index.php-route=product-product&path=33&product_id=31.htm" >Nikon D300</a></div>
      <div class="description">
    
        Engineered with pro-level features and performance, the 12.3-effective-megapixel D300 combines brand new technologies with advanced features inherited from Nikon's newly announced D3 professional digital SLR camera to offer serious photographers remarkable performance combined with ..</div>
            <div class="price">
                $94.00                        <br />
        
              </div>
                  <div class="cart"><a onclick="addToCart('31');" class="button"><span>В корзинуt</span></a></div>
      <div class="wishlist"><a>Мне нравится</a></div>
      <div class="compare"><a>Сравнить товар</a></div>
    </div>
    
    
    
     <div>
            <div class="image"><a href="index.php-route=product-product&path=33&product_id=30.htm"><img src="images/cache/data/img/26_sobeslava_92_6-180x135.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a></div>
            <div class="name"><a href="index.php-route=product-product&path=33&product_id=30.htm">Canon EOS 5D</a></div>
      <div class="description">
    Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we're not typically too concerned with marketing talk this particular statement is clearly pretty accurate. The EOS 5D is unlike any previous digital SLR in that it combines a full-frame (35 mm ..</div>
            <div class="price">
                <div class="product_sale_category">      
             <div class="sale-middle">
                Sale          </div>
          </div>
        <span class="price-old">$117.50</span> <span class="price-new">$94.00</span>
                        <br />
        
              </div>
                  <div class="cart"><a onclick="addToCart('30');" class="button"><span>В корзину</span></a></div>
     <div class="wishlist"><a>Мне нравится</a></div>
      <div class="compare"><a>Сравнить товар</a></div>
    </div>
    
    
    
    
      </div>
  <div class="pagination"><div class="results">Showing 1 to 2 of 2 (1 Pages)</div></div>
      </div>

<script type="text/javascript"><!--
function display(view) {
    if (view == 'list') {
        $('.product-grid').attr('class', 'product-list');

        
        
        $('.product-list > div').each(function(index, element) {

                var price = $(element).find('.price').html();

            html  = '<div class="product_outside_border">';    
            html += '<div class="product_outside">';
            html += '<div class="product_inside">';
            
            html += '<div class="right">';
            html += '<div class="price">' + price  + '</div>';
            html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
            html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
            html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
            html += '</div>';            
            
            html += '<div class="left">';
            
            var image = $(element).find('.image').html();
            
            if (image != null) {
                html += '<div class="image">' + image + '</div>';
            }
            
        
            
            
                    
            html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
            html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
            
            var rating = $(element).find('.rating').html();
            
            if (rating != null) {
                html += '<div class="rating">' + rating + '</div>';
            }
                
            html += '</div>';
            html += '</div>';
            html += '</div>';
            html += '</div>';
                        
            $(element).html(html);
        });        
        
        $('.display').html('<b>Display:</b> <div id="list_b"></div>  <a id="grid_a" onclick="display(\'grid\');">Grid</a>');
        
        $.cookie('display', 'list');
    } else {
        $('.product-list').attr('class', 'product-grid');
        
        $('.product-grid > div').each(function(index, element) {
            html = '';

            html += '<div class="product_outside_border">';
            html += '<div class="product_outside">';
            html += '<div class="product_inside">';
            
            var image = $(element).find('.image').html();
            
            if (image != null) {
                html += '<div class="image">' + image + '</div>';
            }
            
            html += '<div class="name">' + $(element).find('.name').html() + '</div>';
            html += '<div class="description">' + $(element).find('.description').html() + '</div>';


            html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';
            
            var price = $(element).find('.price').html();
            
            if (price != null) {
                html += '<div class="price">' + price  + '</div>';
            }
            
                        
            html += '<div class="grid-spacer">';
            html += '<div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
            html += '<div class="compare">' + $(element).find('.compare').html() + '</div>';
            html += '</div>';
            
            
            html += '</div>';
            html += '</div>';
            html += '</div>';
            
            $(element).html(html);
        });    
                    
        $('.display').html('<b>Display:</b> <a id="list_a" onclick="display(\'list\');">List</a>  <div id="grid_b"></div>');
        
        $.cookie('display', 'grid');
    }
}

view = $.cookie('display');

if (view) {
    display(view);
} else {
    display('list');
}
//--></script>