function gId(id){ return document.getElementById(id); }

function preload_product_images(){
	if(productsJSON.length == 0) return;
	
	var d = document.createElement('div');
	d.className = 'to_sky';
	var b = document.body;
	b.appendChild(d);
	
	for(var i = 0; i < productsJSON.length; i++){
		var img = document.createElement('img');
		img.src = productsJSON[i]['pic'];
		d.appendChild(img);
		
		img = document.createElement('img');
		img.src = productsJSON[i]['bigpic'];
		d.appendChild(img);
	}
}

function show_w(row){
	var w = gId('window');
	if(w) close_w();
	w = document.createElement('div');
	w.id = 'window';
	w.className = 'float_window';
	w.style.width = productsJSON[row]['win_width']+ 165 + 'px';
	w.style.height = productsJSON[row]['win_height'] + 'px';
	
	var tbl = document.createElement('table');
	w.appendChild(tbl);
	var tbody = document.createElement('tbody');
	tbl.appendChild(tbody);
	var tr = document.createElement('tr');
	tbody.appendChild(tr);
	var tdl = document.createElement('td');
	tr.appendChild(tdl);
	var tdr = document.createElement('td');
	tr.appendChild(tdr);
				
	var c = document.createElement('div');
	c.className = 'close';
	c.innerHTML = "<a href='javascript:close_w()'>[закрыть окно]</a>";
	tdr.appendChild(c);
				
	var p = document.createElement('img');
	p.src = productsJSON[row]['bigpic'];
	p.alt  = productsJSON[row]['name'];
	p.width = productsJSON[row]['win_width'];
	p.height = productsJSON[row]['win_height'];
	p.title = p.alt;
	
	p.onclick = close_w;
	p.style.cursor = 'pointer';
	p.title = 'Нажмите чтобы закрыть окно';
	tdl.appendChild(p);
	
	var n = document.createElement('div');
	n.className = 'descr';
	n.innerHTML = "<br /><b>" + productsJSON[row]['name'] + "</b><br />"; 
	tdr.appendChild(n);
	
	if(productsJSON[row]['descr'] != ''){
		var t = document.createElement('div');
		t.className = 'descr';
		t.innerHTML = productsJSON[row]['descr'];
		tdr.appendChild(t);
	}
				
	var bd = document.body;
	bd.appendChild(w);	
}

function close_w(){
	w = gId('window');
	b = document.body;
	b.removeChild(w);
}

function show_product_info(row){
	var prev_link = gId('prev1');
	var prev_link_b = gId('prev2');
	
	var next_link = gId('next1');
	var next_link_b = gId('next2');
	
	var current_num = gId('current_item_num1');
	var current_num_b = gId('current_item_num2');
	
	var total_num = gId('total_items_num1');
	var total_num_b = gId('total_items_num2');
	
	var pic = gId('product_pic');
	var name = gId('product_name');
	var old_cost = gId('product_old_cost');
	var new_cost = gId('product_new_cost');
	
	var old_cost_block = gId('old_cost');
	var new_cost_block = gId('new_cost');
	
	var num = row + 1;
	var total = productsJSON.length;
	var cur = row;
	var next = 0;
	var prev = 0;
	prev = cur - 1;
	if(cur == 0) prev = total - 1;
	(cur < total - 1) ? next = cur + 1 : next = 0;
	//alert('prev=' + prev + ' cur=' + cur + ' next=' + next);
	
	current_num.innerHTML = num;
	current_num_b.innerHTML = current_num.innerHTML;
	
	total_num.innerHTML = total;
	total_num_b.innerHTML = total_num.innerHTML;
	
	prev_link.href = "javascript:show_product_info(" + prev + ")";
	prev_link_b.href = prev_link.href;
	
	next_link.href = "javascript:show_product_info(" + next + ")";
	next_link_b.href = next_link.href;
	
	if(productsJSON[row]['pic']){ 
		pic.src = productsJSON[row]['pic'];
		pic.alt = productsJSON[row]['name'];
		pic.title = productsJSON[row]['name'];
		
		
		if(productsJSON[row]['bigpic']){
			pic.style.cursor = 'pointer';
			pic.title = 'Нажмите чтобы увеличить фотографию';
			pic.onclick = function(){ show_w(row); }
		} else {
			pic.style.cursor = 'default';
		}
		
	} else {
		pic.src = SHOP_PRODUCTION_EMPTY_PIC;
		pic.alt = pic.title = 'Изображение временно отсутствует';
	}
	
	name.innerHTML = productsJSON[row]['name'];
	
	if(productsJSON[row]['old'] != ''){
		old_cost_block.style.display = 'block';
		old_cost.innerHTML = productsJSON[row]['old'];
	} else {
		old_cost_block.style.display = 'none';
	}
	
	if(productsJSON[row]['new'] != ''){
		new_cost_block.style.display = 'block';
		new_cost.innerHTML = productsJSON[row]['new'];	
	} else {
		new_cost_block.style.display = 'none';
	}
	
	// enable if not enabled
	tbl = gId('product_table');
	if(tbl.style.display == 'none')
		tbl.style.display = 'block';
		
	// pop-up window
	if(gId('window')) show_w(row);
}