{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2011 PrestaShop SA
*  @version  Release: $Revision: 8544 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}

<script type="text/javascript">{literal}
<!--
/*
 * jQuery Tooltip plugin 1.3
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
 * http://docs.jquery.com/Plugins/Tooltip
 *
 * Copyright (c) 2006 - 2008 Jörn Zaefferer
 *
 * $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */;(function($){var helper={},current,title,tID,IE=$.browser.msie&&/MSIE\s(5\.5|6\.)/.test(navigator.userAgent),track=false;$.tooltip={blocked:false,defaults:{delay:200,fade:false,showURL:true,extraClass:"",top:15,left:15,id:"tooltip"},block:function(){$.tooltip.blocked=!$.tooltip.blocked;}};$.fn.extend({tooltip:function(settings){settings=$.extend({},$.tooltip.defaults,settings);createHelper(settings);return this.each(function(){$.data(this,"tooltip",settings);this.tOpacity=helper.parent.css("opacity");this.tooltipText=$(this).children(".right_block").children(".attr_info").html();$(this).children(".center_block").children("a").removeAttr("title");this.alt="";}).mouseover(save).mouseout(hide).click(hide);},fixPNG:IE?function(){return this.each(function(){var image=$(this).css('backgroundImage');if(image.match(/^url\(["']?(.*\.png)["']?\)$/i)){image=RegExp.$1;$(this).css({'backgroundImage':'none','filter':"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='"+image+"')"}).each(function(){var position=$(this).css('position');if(position!='absolute'&&position!='relative')$(this).css('position','relative');});}});}:function(){return this;},unfixPNG:IE?function(){return this.each(function(){$(this).css({'filter':'',backgroundImage:''});});}:function(){return this;},hideWhenEmpty:function(){return this.each(function(){$(this)[$(this).html()?"show":"hide"]();});},url:function(){return this.attr('href')||this.attr('src');}});function createHelper(settings){if(helper.parent)return;helper.parent=$('<div id="'+settings.id+'"><div class="body"></div></div>').appendTo(document.body).hide();if($.fn.bgiframe)helper.parent.bgiframe();helper.body=$('div.body',helper.parent);}function settings(element){return $.data(element,"tooltip");}function handle(event){if(settings(this).delay)tID=setTimeout(show,settings(this).delay);else
show();track=!!settings(this).track;$(document.body).bind('mousemove',update);update(event);}function save(){if($.tooltip.blocked||this==current||(!this.tooltipText&&!settings(this).bodyHandler))return;current=this;title=this.tooltipText;if(settings(this).bodyHandler){helper.title.hide();var bodyContent=settings(this).bodyHandler.call(this);if(bodyContent.nodeType||bodyContent.jquery){}else{helper.body.html(bodyContent);}helper.body.show();}else if(settings(this).showBody){var parts=title.split(settings(this).showBody);helper.body.empty();for(var i=0,part;(part=parts[i]);i++){if(i>0)helper.body.append("<br/>");helper.body.append(part);}helper.body.hideWhenEmpty();}else{helper.title.html(title).show();helper.body.hide();}helper.parent.addClass(settings(this).extraClass);if(settings(this).fixPNG)helper.parent.fixPNG();handle.apply(this,arguments);}function show(){tID=null;if((!IE||!$.fn.bgiframe)&&settings(current).fade){if(helper.parent.is(":animated"))helper.parent.stop().show().fadeTo(settings(current).fade,current.tOpacity);else
helper.parent.is(':visible')?helper.parent.fadeTo(settings(current).fade,current.tOpacity):helper.parent.fadeIn(settings(current).fade);}else{helper.parent.show();}update();}function update(event){if($.tooltip.blocked)return;if(event&&event.target.tagName=="OPTION"){return;}if(!track&&helper.parent.is(":visible")){$(document.body).unbind('mousemove',update)}if(current==null){$(document.body).unbind('mousemove',update);return;}helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");var left=helper.parent[0].offsetLeft;var top=helper.parent[0].offsetTop;if(event){left=event.pageX+settings(current).left;top=event.pageY+settings(current).top;var right='auto';if(settings(current).positionLeft){right=$(window).width()-left;left='auto';}helper.parent.css({left:left,right:right,top:top});}var v=viewport(),h=helper.parent[0];if(v.x+v.cx<h.offsetLeft+h.offsetWidth){left-=h.offsetWidth+20+settings(current).left;helper.parent.css({left:left+'px'}).addClass("viewport-right");}if(v.y+v.cy<h.offsetTop+h.offsetHeight){top-=h.offsetHeight+20+settings(current).top;helper.parent.css({top:top+'px'}).addClass("viewport-bottom");}}function viewport(){return{x:$(window).scrollLeft(),y:$(window).scrollTop(),cx:$(window).width(),cy:$(window).height()};}function hide(event){if($.tooltip.blocked)return;if(tID)clearTimeout(tID);current=null;var tsettings=settings(this);function complete(){helper.parent.removeClass(tsettings.extraClass).hide().css("opacity","");}if((!IE||!$.fn.bgiframe)&&tsettings.fade){if(helper.parent.is(':animated'))helper.parent.stop().fadeTo(tsettings.fade,0,complete);else
helper.parent.stop().fadeOut(tsettings.fade,complete);}else
complete();if(settings(this).fixPNG)helper.parent.unfixPNG();}})(jQuery);
-->
{/literal}</script>

<script type="text/javascript">{literal}
<!--
$(document).ready(function() {
    $('#product_list > li, .product_list > li').tooltip({
	    track: true,
	    delay: 0,
	    showURL: false,
	    showBody: " -------- ",
	    fade: 0
    });

    $("#product_list, .product_list").bind("updated", function() {
	    $('#product_list > li').tooltip({
		    track: true,
		    delay: 0,
		    showURL: false,
		    showBody: " -------- ",
		    fade: 0
	    });
    });
	
	if (($("#submenuw").length > 0)){
    	var positionElementInPage = $('#submenuw').offset().top;
	    $(window).scroll(
		function() {
		    if ($(window).scrollTop() >= positionElementInPage) {
			$('#submenuw').addClass("fixe");
		    } else {
			$('#submenuw').removeClass("fixe");
		    }
		}
	    );
    }

    $('#privatesales_categories_block_left li span.parent').parent().addClass('active');    
    $('#privatesales_categories_block_left li span.parent').live('click', function(e){
    	e.preventDefault();
    	if($(this).parent().hasClass('active')){    		
    		$(this).parent().children('ul').hide();
    		$(this).parent().removeClass('active');
    	}else{
    		$(this).parent().addClass('active');
    		$(this).parent().children('ul').show();
    	}
    });
	

	if($('#privatesales_categories_block_left').length > 0){
		var elem =  $('#privatesales_categories_block_left');
	    var position_elem =  $(elem).position();
	    var initial_position = position_elem.top;

	    $(window).scroll(function(){
			var scroll = $(window).scrollTop();
			var marginApply = scroll + 10;
			
			if(parseInt(scroll) >= parseInt(initial_position) ){
				var position_menu_bas =  $(elem).position().top + $(elem).height()  + 10;
				var position_center_bas =  $('.main_category_vp').position().top + $('.main_category_vp').height()  - 20;
				
				var top_max = scroll + $(elem).height();

				if(top_max > position_center_bas){
					elem.css({'position': 'absolute' });
					elem.css({'top': position_center_bas -  $(elem).height() });
				}else{
					elem.css({'position': 'absolute' });
					elem.css({'top': marginApply });
				}
			}else{
				elem.css({'position': 'inherit' });
				elem.css({'top': 'auto' });
			}
	    });
	}
  

    $(window).load(function() {
		$('.flexslider').flexslider({
		   animation: "slide",
		   controlNav: false,
		   slideshow: false,
		   itemWidth: 300, 
		   pauseOnHover : false,
		   mousewheel: false,
		});
	});

});
-->
{/literal}</script>


<div id="left_column" class="column left_vp">
	{$HOOK_LEFT_COLUMN_VP}		
</div>

{if isset($category)}
	{if $category->id AND $category->active}

	<div class="main_category_vp">
		<div class="catHeadW">		    
		    <div class="catHeadDescW">
			{if $sale}
			<div class="psales">
				{$HOOK_PRIVATESALES_CATEGORY}
			</div>
			{/if}

			{if !$sale}
			<h1>{strip}
					{$category->name|escape:'htmlall':'UTF-8'}
				<span>
					{if $category->id == 1 OR $nb_products == 0}{l s='There are no products.'}
					{else}
						{if $nb_products == 1}{l s='There is'}{else}{l s='There are'}{/if}&#160;
						{$nb_products}&#160;
						{if $nb_products == 1}{l s='product.'}{else}{l s='products.'}{/if}
					{/if}
				</span>{/strip}
			</h1>
			{else}
			<h1 class="sale_title">{$sale->title[$cookie->id_lang]}</h1>
			{/if}
		    </div>
		    <br style="clear:both;"/>
		</div>
		{if $scenes}
			<!-- Scenes -->
			{include file="$tpl_dir./scenes.tpl" scenes=$scenes}
		{else}
			<!-- Category image -->
			{if !$sale AND $category->id_image}
			<div class="align_center">
				<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
			</div>
			{/if}
		{/if}

		{if !$sale AND $category->description}
			<div class="cat_desc">{$category->description}</div>
		{/if}
		{if !$sale AND isset($subcategories)}
		<!-- Subcategories -->
		<div id="subcategories">
			<h3>{l s='Subcategories'}</h3>
			<ul class="inline_list">
			{foreach from=$subcategories item=subcategory}
				<li>
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">
						{if $subcategory.id_image}
							<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img src="{$img_cat_dir}default-medium.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a><br />
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>
				</li>
			{/foreach}
			</ul>
			<br class="clear"/>
		</div>
		{/if}
		<div>
		{if $products}
				{*{include file="$tpl_dir./product-compare.tpl"}
				{include file="$tpl_dir./product-sort.tpl"}*}
				{include file="$tpl_dir./product-list.tpl" products=$products}
				{*{include file="$tpl_dir./product-compare.tpl"}
				{include file="$tpl_dir./pagination.tpl"}*}
		{elseif !isset($subcategories) || !$is_sale_home}
				<p class="warning">{l s='There are no products in this category.'}</p>
		{/if}
		<div style="clear: both;"></div>

	</div>

		<div class="title_block other_sales_block">
		    <div class="title_wrapper other_sale_title">
			<h1>{l s='Other sales'}</h1>
		    </div>
			<div class="other_sales_container">
				<a href="javascript:{}" title="{l s='back'}" id="other_sales_scroll_left"></a>
				<div class="other_sales_container_delimiter">
					<ul style="width : {(290 + 20 + 4) * $other_sales|@count}px">
						{assign var=extrafields value=$HOOK_PRIVATESALES_LISTING|unserialize}
						{foreach $other_sales as $sale}
						<li>
							<a href="{$link->getCategoryLink($sale['id_category'], $sale['link_rewrite'])|escape:'htmlall':'UTF-8'}">
								<img src="{$smarty.const.__PS_BASE_URI__}modules/privatesales/img/{$sale['id_sale']}/thumb_{$cookie->id_lang}.jpg" alt="{$sale['name']}" />
								<div class="text">
									<h2>{$sale['name']}</h2>
									{if isset($extrafields[$sale['id_sale']])}
										{$extrafields[$sale['id_sale'] ]}
									{/if}
									<p class="date">{l s='to'} {$sale['date_end']|date_format:"%d/%m %H:%M"}
								</div>
							</a>
						</li>
						{/foreach}
					</ul>
				</div>
				<a href="javascript:{}" title="{l s='next'}" id="other_sales_scroll_right"></a>
			</div>
		</div>
		<script type="text/javascript">
		<!--
			$(document).ready(function() {
				$('.other_sales_container_delimiter').serialScroll({
					items : 'li:visible',
					prev : '#other_sales_scroll_left',
					next : '#other_sales_scroll_right',
					axis : 'x',
					offset : 0,
					start : 0,
					stop : true,
					duration : 700,
					step : 2,
					lazy : true,
					lock : false,
					force : false,
					cycle : false
				});
				$(window).scroll(function() {
					if($(this).scrollTop() > 300) {
						$("#gotop").addClass("active");
					} else {
						$("#gotop").removeClass("active");
					}
				});
				var gotop = $("#gotop").click(function() {
					$("html, body").animate({ scrollTop: 0 }, 600);
				});
			});
		-->
		</script>
	{elseif $category->id}
		<p class="warning">{l s='This category is currently unavailable.'}</p>
	{/if}
{/if}

<div id="gotop" title="{l s='Go to top of page'}">
	{l s='Top of page'}
</div>