﻿/**
 * @author alltouch
 */

function DetailPopup(){
	

	this . show = function(){
		var v = piro . scrollY();
		$('#detailPopup').css('top',v + 'px')
		$('#overlay, #detailPopup').show();
	}	
	
	this . hide = function(){
		$('#overlay, #overlay2, #detailPopup').hide();
	}
	
	this . set = function(number){
		var obj = piro . catalog . cacheData . items[number];
		
		try {
			pageTracker._trackPageview('/'+ obj.path);
		}catch(e){}
		
		try {
			yaCounter.hit('/'+ obj.path);
		}catch(e){}
		
		var prevNumber = parseInt(number) - 1;
		var nextNumber = parseInt(number) + 1;
		if(prevNumber < 0){
			prevNumber = piro . catalog . cacheData . items . length - 1;
		}
		if(nextNumber > piro . catalog . cacheData . items . length - 1){
			nextNumber = 0;
		}
		
		var prev = piro . catalog . cacheData . items[prevNumber];
		var next = piro . catalog . cacheData . items[nextNumber];
		
		var popup = $('#detailPopup');
		var popupContent = $('#detailContent');
		
		var underImage = '';
		if(obj . isNew){
			underImage = '<div></div>';
		} else if(obj . isAction){
			underImage = '<div class="action"></div>';
		}
		var detail = '';
		var l = obj.detailInfo.length;
		for(var i = 0; i < l ; i++){
			detail += '<p>' + obj.detailInfo[i].name + ': <b>' + obj.detailInfo[i].value + '</b></p>';
		}
		
		var addBlock = '<input type="hidden" class="lineId" value="' + number + '" /><input type="hidden" class="productId" value="' + obj.id + '" />Кол-во: <input value="1" class="countItems" /> ' + obj . unitName + ' <a class="cash"><b>Добавить в корзину</b></a>';
		
		var priceBlock = '';
		if(!piro.auth.cache || !piro.auth.cache.userinfo || !obj.price.all){
			priceBlock = '<div class="rounded-ebdec3">\
								<div class="top"><b></b><i></i></div>\
								<div class="middle">\
									<span>Цена:  <b>' + obj.price.normal + ' грн.</b> за 1 ' + obj . unitName + '</span>\
								</div>\
								<div class="bottom"><b></b><i></i></div>\
							</div>';
		} else {
			priceBlock = '<table>';
			var l2 = obj.price.all.length;
			for(var i2 = 0; i2 < l2; i2++){
				var tItem = obj.price.all[i2];
				var cl = '';
				if(tItem . name == 'Цена под реализацию'){
					cl = 'class="two"';
				}
				priceBlock += '<tr>\
									<td class="name">\
										<div class="rounded-ebdec3">\
											<div class="top"><b></b><i></i></div>\
											<div class="middle">\
												<span ' + cl + '>' + tItem.name + '</span>\
											</div>\
											<div class="bottom"><b></b><i></i></div>\
										</div>\
									</td>\
									<td>\
										<div class="rounded-ebdec3">\
											<div class="top"><b></b><i></i></div>\
											<div class="middle">\
												<span> <b><s>' + tItem . value + '</s> грн.</b> <s>за 1 ' + obj . unitName + '</s></span>\
											</div>\
											<div class="bottom"><b></b><i></i></div>\
										</div>\
									</td>\
								</tr>'; 
			} 
			priceBlock += '</table>';
		}
		
		var all = piro . chapters . cacheData . all;
		var instructionLink = '';
		if(all[obj.category.id]){
			var ch = all[all[obj.category.id] . parent] . childs;
			for(var g = 0; g<ch.length; g++){
				if(all[ch[g]].title == 'инструкция'){
					instructionLink = '<a href="#pageid=' + all[ch[g]] . id + '" class="rem">Инструкция по применению &raquo;</a>';
				}
			}
		}
			
		var txt = '			<h4><span><b>' + obj . category . name + ':</b> ' + obj . itemName + ' (' + obj . artikul + ')</span></h4>\
							\
							<div class="ohidden">\
								<div class="image"><img src="/data/products' + obj.images[0] + '.s3.jpg" /> ' + underImage + '</div>\
								<div class="scroll">\
									<a href="#" class="prev"></a>\
									<a href="#" class="item"><img src="img/item-small-photo.jpg" /></a>\
									<a href="#" class="item"><img src="img/item-small-photo.jpg" /></a>\
									<a href="#" class="item"><img src="img/item-small-photo.jpg" /></a> \
									<a href="#" class="next"></a>\
								</div>\
								' + detail + '\
							\
							</div>\
							<p class="descr">\
								' + obj.text + '\
							</p>\
							\
							' + instructionLink + '\
							\
							<div class="ohidden">\
								\
								<div class="addToCashBlock">\
									<div class="inCash">Товар добавлен в корзину</div>\
									' + addBlock + '\
									<br/>\
									' + (obj . video ? '<a class="video" number="' + number + '"><b>Смотреть видео</b></a>' : '') + '\
								</div>\
								\
								<div class="left">\
									' + priceBlock + '\
									\
									<input type="hidden" class="productNumber" value="' + number + '" />\
									<a class="presentLink">Посмотреть наличие</a>\
								</div>\
							</div>\
		';
		
		if (number != prevNumber) {
			txt +=   '\
							<div class="ohidden">\
								<a class="nextitem" number="' + nextNumber + '"><span> ' + next.itemName + ' (' + next.artikul + ') <b>&raquo;</b></span></a>\
								<a class="previtem" number="' + prevNumber + '"><span><b>&laquo;</b> ' + prev.itemName + ' (' + prev.artikul + ')</span></a>\
							</div>\
			';
		}
		
		popupContent . html(txt);
		
		var moreBlock = $('#moreContent');
		moreBlock.find('div').remove();
		
		txt = '';
		l = piro . catalog . cacheData . recomended . length;
		for(var i = 0; i<4 && i<l ; i++){
			var item = piro . catalog . cacheData . recomended[i];
			
			txt += '<div class="product">\
						<div><img src="/data/products' + item . img + '.s1.jpg" /></div>\
						<a class="title">' + item.title + '</a>\
						<span><b>' + item . price . normal + '</b> грн.</span>\
						<a class="shop" productid="' + item . id + '"></a>\
					</div>';
		}
		moreBlock . find('h4').after(txt);
		
		piro . call('InitDetailPopupBody')
	}
	
	this . init = function(){
		
		//nothing		
		
	}
}

piro . dpopup = new DetailPopup();

