var scroll_timer = null;
var c_width = 0;
var cnt_width = 0;

function startMove(dir){
	if(!cnt_width)
		cnt_width = document.getElementById('moving_container').offsetWidth;
	c_width = parseInt(document.getElementById("moving_menu_table").offsetWidth);
	scroll_timer = setInterval(function(){doMove(dir);}, 10);
}

function doMove(direction){
	var c = parseInt($("#moving_menu").css('left'));
	if(c == 0 && direction == 0 || c < cnt_width - c_width && direction == 1){
		stopMove();
		return 0;
	}	
	var nc = direction == '1' ? c-2 : c+2;
	$("#moving_menu").css('left', nc);
}

function stopMove(){
	clearInterval(scroll_timer);
	ajaxSavePosition();
}

function ajaxSavePosition(){
	$.post('/engine/ajax/save_menu_position.php', {x : $("#moving_menu").css('left')});
}

function changePhoto(eid, src, biggest, thumb_id){
	
	var ob = document.getElementById(eid);
	if(ob){
		ob.src = src;
		ob.setAttribute('onClick', 'tb_show("", "' + biggest + '", "")');
		markActiveThumb(thumb_id);
	}
	
}

function markActiveThumb(thumb_id){
	var d = $('div.thumbs>div');
	for(var i=0; i<d.length; i++){
		if(d[i].className == 'active'){
			d[i].className = '';
			break;
		}
	}
	document.getElementById('thumb' + thumb_id).className = 'active';	
}

function showLangs(){
	if($("#langs_list").css('display') != 'block'){
		//$("#langs_list").animate({height: "show"}, 300);
		$("#langs_list").show();
		document.getElementById('show_lang_control').src = '/img/close_lang.gif';
	}else{
		//$("#langs_list").animate({height: "hide"}, 300);
		$("#langs_list").hide();
		document.getElementById('show_lang_control').src = '/img/choose_lang.gif';
	}
}

function showSubMenu(parent_id, menu_pict_hover){
	var ob = document.getElementById('submenu' + parent_id);
	var p_ob = document.getElementById('parent' + parent_id);
	ob.style.left = p_ob.offsetLeft;
	ob.style.display = 'block';
	if(menu_pict_hover){
		document.getElementById('menuitem' + parent_id).src = '/img/menu/' + menu_pict_hover;
	}
}

function hideSubMenu(parent_id, menu_pict){
	document.getElementById('submenu' + parent_id).style.display = 'none';
	if(menu_pict){
		document.getElementById('menuitem' + parent_id).src = '/img/menu/' + menu_pict;
	}
}

function catalogMenuHover(el){
	if(el.className.indexOf(' active') == -1)
		el.className = el.className + ' hover';
}

function catalogMenuOut(el){
	el.className = el.className.replace(' hover', '');	
}

function showChildren(parent, uselastpos){
	var ch_ob = document.getElementById('catalog_children' + parent);
	if(ch_ob){
		highlightParent(parent);
		var cont = document.getElementById('moving_menu');
		if(cont){
			if(!uselastpos){
				cont.style.left = 0;
				ajaxSavePosition();
			}
			cont.innerHTML = ch_ob.innerHTML;
			document.getElementById('sub_menu_content').style.display = 'block';
		}
	}
}

function highlightParent(parent){
	/* deactive current */
	var ob = $('table.catalog_menu_1 > tbody > tr > td');
	for(var i=0; i<ob.length; i++){
		if(ob[i].className.indexOf(' active') != -1){
			ob[i].className = ob[i].className.replace(' active', '');
			break;
		}
	}
	var item = document.getElementById('parent_item_' + parent);
	item.className = item.className + ' active';
	/* show marker */
	var marker = document.getElementById('current_item_marker');
	var m_left = item.offsetLeft + (item.offsetWidth-5)/2;
	marker.style.display = 'block';
	marker.style.left = m_left;
}

function showProductInfo(p_id){
	var info = document.getElementById('product' + p_id + '_info');
	info.style.display = 'block';
}

function showProductInfo(pid){
	var cur = getActiveProduct();
	if(cur != pid){
		if(cur){
			var cur_t = document.getElementById('product_title_' + cur);
			var cur_c = document.getElementById('product_info_' + cur);
			var cur_l = document.getElementById('product_link_' + cur);
			cur_t.className = 'product_name inactive';			
			cur_t.style.display = 'block';
			cur_l.style.display = 'none';
			cur_c.style.display = 'none';
			//$(cur_c).animate({height: "hide"}, 300);
		}
		var toact_t = document.getElementById('product_title_' + pid);
		var toact_c = document.getElementById('product_info_' + pid);
		var toact_l = document.getElementById('product_link_' + pid);
		toact_t.className = 'product_name active';
		toact_t.style.display = 'none';
		toact_l.style.display = 'block';
		toact_c.style.display = 'block';
		//$(toact_c).animate({height: "show"}, 300);		
	}
}

function getActiveProduct(){
	var t = $('div.product_block > div.product_name.active');
	var pid = 0;
	if(t.length){
		pid = t[0].getAttribute('id').substr(14);
	}
	return parseInt(pid);
}

function showLangsList(){
	var l = document.getElementById('langs_list');
	if(!l.style.display || l.style.display == 'none'){
		l.style.display = 'block';
	}else{
		l.style.display = 'none';
	}
}

/* Menu functions */

function stretchMenu(cnt_id){
	
	var container = document.getElementById(cnt_id);
	var e_width = 0;
	var items = $('tbody > tr >td', container);
	var t;
	var items_num = 0;
	
	/* calculate width */
	for(var i=0; i<items.length; i++){
		t = $('span', items[i]);
		e_width += t[0].offsetWidth;
		items_num++;
	}
	
	if(items_num){
		var padding = (container.offsetWidth-e_width)/(items_num*2);
		$('tbody > tr >td', container).css('padding', '0 '+padding+'px');
	}
	
	
}

$(document).ready(
	function(){
		stretchMenu('catalog_menu');
	}
);

/* dealers functions */
function changeDealersRegion(url,sel, product){
	sel.blur();
	params = {'region': sel.value, 'update_list': 1}
	if(product){
		params.product = product;
	}
	ajaxLoadContent(url, 'dealers', params);
}

function ajaxLoadContent(url, content_id, params){
	$('#' + content_id).html('<div class="ajax_loader"><img src="/img/ajax-loader.gif"/></div>');
	$.get(url, params, 
		function(response){
			onAjaxContentLoaded(response, content_id);
		}
	);
}

function onAjaxContentLoaded(text, content_id){
	$('#' + content_id).html(text);
}