var loader;
jQuery(function($) {
	/*features accordion*/
	var accSize = $("#accordion h3").size() - 1;
	var activeBlock = Math.floor(Math.random() * (accSize - 0 + 1)) + 0;
	$("#accordion").accordion({
		autoHeight: false,
		active: activeBlock,
		icons: {header: 'acc-icon', headerSelected: 'acc-icon-active'}
	});
	  
	loader = $('<img />').attr('src', 'assets/images/ajax-loader1.gif');
	// preload images
	var preloadImages = ['assets/templates/common/images/button-buy-active.png'];
	$.each(preloadImages, function(item){
		var src = item;
		$('<img />').attr('src', src);
	});
	
	//menu preload hover images
	$('.menu-li-title img').each(function(){
		var src = $(this).attr('src');
		src = src.replace(/(.*?).png/i, "$1-active.png");
		$('<img />').attr('src', src);
	});
	
	// menu hover change image
	$("#left-menu a").hover(
		function(){
			var icon = $(this).parent('.menu-li-title').children('img');
			var src = icon.attr('src');
			src = src.replace(/(.*?).png/i, "$1-active.png");
			icon.attr('src', src);
		},
		function(){
			var icon = $(this).parent('.menu-li-title').children('img');
			var src = icon.attr('src');
			src = src.replace(/(.*?)-active.png/i, "$1.png");
			icon.attr('src', src);			
		}
	);
	
	// video hover change image
	$("#play-video").children('img').each(function(){
		var src = $(this).attr('src');
		src = src.replace(/(.*?).png/i, "$1-active.png");
		$('<img />').attr('src', src);
	});	
	$("#play-video").hover(
		function(){
			var icon = $(this).children('img');
			var src = icon.attr('src');
			src = src.replace(/(.*?).png/i, "$1-active.png");
			icon.attr('src', src);			
		},
		function(){
			var icon = $(this).children('img');
			var src = icon.attr('src');
			src = src.replace(/(.*?)-active.png/i, "$1.png");
			icon.attr('src', src);			
		}
	);
	
	// open video
	$("#play-video").click(function(){
		$('#video-window').dialog({
			width: 625,
			modal: false,
			title: "Интерфейс приставки"
		});
		return false;
	});
	
	// captcha change
	$("#veri-image").click(function(){
		var src = $(this).attr('src');
		src = src.replace(/^(.*?)\?.*$/i, "$1") + "?" + Math.random();
		$(this).attr('src', src);
	});
	
	//vote
	$("#vote-open").click(function(){
		$('#vote-block').show();
		//$('#sideBlock').css('width', '337px');
		$('#sideBlock, #vote-container').animate({
			'width': '337px'
		}, 1000);
		return false;
	});
	$("#vote-close").click(function(){
		$('#vote-block').hide();
		$('#sideBlock, #vote-container').css('width', '37px');
		return false;
	});
	
	// expand content
	$(".expand-title").click(function(){
		var container = $(this).parent('.expanded').get();
		var block = $(container).parent().get();
		$(block).find(".expand-content").hide();
		$(container).children(".expand-content").show();
		return false;
	});
	
	// shop
	$(".product-table .count-td input").each(function(){
		$(this).setCounterToField();
		
		$(this).change(function(){
			onCountChange($(this));
		});
	});
	
	$(".check-td input").change(function(){
		$("#message").html("");
		
		var name = $(this).attr('name');
		var reg = /items\[_(\d+)_\]\[checked\]/;
		var arr = reg.exec(name);
		var product_id = arr[1];	
		
		//alert($(this).attr('checked'))
		var elem = $("input[name='items[_"+product_id+"_][quantity]']");
		if( $(this).attr('checked') ){
			elem.val("1");
			onCountChange(elem);
		}
		else{
			elem.val("0");
			onCountChange(elem);
		}
	});
});


jQuery.fn.setCounterToField = function(opt){
	  st = jQuery.extend({style:'default',wrapdiv:false}, opt);
	  var imgpath = /*site_url+*/'assets/templates/common/images/';
	  function checkKey(e){
	    var key_code = e.which ? e.which : e.keyCode;
	    return (key_code>47&&key_code<58)||key_code==8 ? true : false;
	  };
	  function changeCount(field,action){
	    var count = parseInt(jQuery(field).attr('value'));
	    var num = action==1 ? count+1 : count-1;
	    if(num>=0){
	      jQuery(field).val(num);
	      onCountChange(field);
	    }
	  };
	  var countButs = '<img class="field-arr-up" src="'+imgpath+'arr_up.gif" width="17" height="9" alt="" />'
	                + '<img class="field-arr-down" src="'+imgpath+'arr_down.gif" width="17" height="9" alt="" />'+"\n";
	  var field = jQuery(this);
	  if(st.wrapdiv)
	    jQuery(this).wrap('<div></div>');
	  jQuery(this)
	  .css({'height':'16px','border':'1px solid #888','vertical-align':'bottom','text-align':'center','padding':'1px 2px','font-size':'13px','width':'20px'})
	  .after(countButs)
	  .keypress(function(e){return checkKey(e);});
	  jQuery(this).next('img').click(function(){
	    changeCount(field,1);
	    //updateCart();
	  })
	  .css({'cursor':'pointer','margin':'0 0 11px 1px','vertical-align':'bottom'})
	  .next('img').click(function(){
	    changeCount(field,2);
	    //updateCart();
	  })
	  .css({'cursor':'pointer','margin':'0 0 1px -17px','vertical-align':'bottom'});
};

function onCountChange(elem){
	jQuery("#message").html("");
	
	var name = jQuery(elem).attr('name');
	var reg = /items\[_(\d+)_\]\[quantity\]/;
	var arr = reg.exec(name);
	var product_id = arr[1];
	
	var price_item = jQuery("#price_" + product_id).text(); 
	var new_cost;
	new_cost = jQuery(elem).val() * price_item;
	
	jQuery("#cost_" + product_id).html(new_cost);
	
	if(jQuery(elem).val() > 0){
		jQuery("input[name='items[_"+product_id+"_][checked]']").attr('checked', 'checked');
	}
	else{
		jQuery("input[name='items[_"+product_id+"_][checked]']").attr('checked', '');
	}
	
	var common_cost = 0;
	jQuery(".check-td input:checked").each(function(){
		var name = jQuery(this).attr('name');
		var reg = /items\[_(\d+)_\]\[checked\]/;
		var arr = reg.exec(name);
		var product_id = arr[1];
		
		common_cost += (jQuery("#cost_"+product_id).text() * 1);
	});
	jQuery("#common-cost").html(common_cost);
	
	// send form
	//XXX
	var productForm = jQuery("#tovar-list-form");
	var products = productForm.serialize() + '&ajaxType=sendFormAjax';
	var url = productForm.attr('action') ? productForm.attr('action') : document.location.href;
	jQuery.post(url, products, function(){
		updateInfoShop();
	});
}

function sendOrderFormAjax(){
	
}
function updateInfoShop(){
	var url = document.location.href;
	var params = {
		ajaxType: 'get-info'
	};
	jQuery('#infoshop').load(url, params, function(){
		
	});
}