$(function(){

	/*чуваки*/
	$('.iright').click(function(){
		
		$('.iright').css('background-position','bottom left');
		setTimeout(function(){
			$('.iright').css('background-position','');
		}, 5000);
	});

	var sel = 0;
	var nums10 = new Array();
	var nums1 = new Array();
	var nums3 = new Array();
	var nums5 = new Array();
	var nums = new Array();
	/*	подбор номера*/
	var nimg = $('<img />');
	var numbers = [];
	var h="";
	var t="";
	var hm = 0;
	var htotal = 0;
		
	function indexOf(arr, obj)
	{
		for(var i=0; i<arr.length; i++){
			if(arr[i]==obj){
				return i;
			}
		}
		return -1;
	}
	

	function randOrd(){
		return (Math.round(Math.random())-0.5); 
	}
	
	function showPrice(num){
		var price = 0;
		if(!Array.prototype.indexOf){
			if(indexOf(nums10,num)!=-1)
			price = 10;
			else if(indexOf(nums1,num)!=-1)
			price = 1;
			else if(indexOf(nums3,num)!=-1)
			price = 3;
			else if(indexOf(nums5,num)!=-1)
			price = 5;	
		}else{		
			if(nums10.indexOf(num)!=-1)
			price = 10;
			else if(nums1.indexOf(num)!=-1)
			price = 1;
			else if(nums3.indexOf(num)!=-1)
			price = 3;
			else if(nums5.indexOf(num)!=-1)
			price = 5;
		}
		$('#price').css("background-image","url('i/"+price.toString()+"dollar.gif')");
		$('div.message7 span.price').html(price.toString()+"$");
		$('div.message7 span.nmb').html(num);
		
		$('div.message6 span.price').html(price.toString()+"$");
		$('div.message6 span.nmb').html(num);
	}
	
	/*	скролинг*/
	function updatescroll(){
		if(typeof($('div.list-numbers')) == "undefined" || !$('div.list-numbers')) return false;
		if($('div.list-numbers').get(0) == "undefined" || !$('div.list-numbers').get(0)) return false;;
		var oh = $('div.list-numbers').get(0).offsetHeight;
		var sh = $('div.list-numbers').get(0).scrollHeight;

		$('p.nav a').show();
		if (sh<oh){
			$('p.nav a').hide();
			return;
		}

		if($('div.list-numbers').scrollTop()==(sh-oh)){
			$('p.nav a.tobottom').hide();
		}
		if ($('div.list-numbers').scrollTop()==0){
			$('p.nav a.totop').hide();
		}
	}
	
	function filter(){
		$('div.list-numbers').scrollTop(0);
		$('div.list-numbers li').show();
		
		$('.filter-col a.active').each(function(){
			$('div.list-numbers li').each(function(){
				var x = $(this).text();
				if(!Array.prototype.indexOf){
					if(indexOf(nums5,x)==-1)
					$(this).hide();
				}else{
					if(nums5.indexOf(x)==-1)
					$(this).hide();
				}		
			});
		});
		if(sel==6){
			$('div.list-numbers li').each(function(){
				var x = $(this).text();
				if(!Array.prototype.indexOf){
					if(indexOf(nums10,x)==-1)
					$(this).hide();
				}else{
					if(nums10.indexOf(x)==-1)
					$(this).hide();
				}
			});
		}
		if(sel==7){
			$('div.list-numbers li').each(function(){
				var x = $(this).text();
				if(!Array.prototype.indexOf){
					if(indexOf(nums10,x)!=-1)
					$(this).hide();
				}else{
					if(nums10.indexOf(x)!=-1)
					$(this).hide();
				}
			});
		}
		
		var s = $('#filter-coincidence').attr('value');
		if(typeof(s)!="undefined")
		if (s.length>0){
			s = ""+s;
			$('div.list-numbers li').each(function(){
				if(!Array.prototype.indexOf){
					if(indexOf($(this).find('span').text(), s)==-1){
						$(this).hide();
					}
				}else{
					if($(this).find('span').text().indexOf(s)==-1){
						$(this).hide();
					}	
				}
			});
		}
		updatescroll();
	}
	
	$(window).load(function(){
		$("div.list-numbers ul").empty();
		
		nums10 = $('div.nums10').text();
		nums1 = $("div.nums1").text();
		nums3 = $("div.nums3").text();
		nums5 = $("div.nums5").text();
		
		$("div.nums10").empty();
		$("div.nums1").empty();
		$("div.nums3").empty();
		$("div.nums5").empty();
		
		
		nums10 = nums10.split("\n");
		nums1 = nums1.split("\n");
		nums3 = nums3.split("\n");
		nums5 = nums5.split("\n");
		nums = nums.concat(nums1).concat(nums3).concat(nums5);
		nums = nums.sort(randOrd).concat(nums10);
		
		
		
		for ( keyVar in nums) {
			if(nums[keyVar]!="")
			$("div.list-numbers ul").append("<li style='list-style: none;' id='"+nums[keyVar]+"'><span>"+nums[keyVar]+"</span></li>");
		}
		
			
		if(typeof(type) != "undefined" && type==6){
			sel = 6;
			if ($('#six').hasClass('active'))
			$('#six').removeClass('active');
			
			if (!$('#seven').hasClass('active'))
			$('#seven').addClass('active');
			
			$('.filter-col a').hide();
			$('#lll').hide();

			$('div.list-numbers li').removeClass('active');
			$("#"+nums10[0]).attr("class", "active");
			
			$('div.number').empty().append(nums10[0]);
			showPrice(nums10[0]);
		}
		else{
			sel = 7;
			if ($('#seven').hasClass('active'))
			$('#seven').removeClass('active');
			
			$('div.list-numbers li').removeClass('active');			
			
			$('div.list-numbers li:first').addClass("active");
			
			/*$("#"+nums[0]).addClass("active");*/
			
			$('div.number').empty().append(nums[0]);
			showPrice(nums[0]);
		}
		
		$('div.list-numbers span').click(spclick);
		
		filter();
		
		$('div.list-numbers').scrollTop(0);
		updatescroll();
		nimg.load(imgLoad);
		nimg.attr('src','i/nm.png');
		setTimeout(nimg.load,1000);
	});
		
	
	
	function imgLoad(){
		h = $('div.number');
		t = $.trim(h.text());
		h.empty();
		numbers = new Array();
		var nimg = this;
		for (var i=0;i<t.length;i++){
			var val = parseInt(t.substr(i,1));
			var spn = $('<span><em>'+val+'</em></span>').appendTo(h);
			numbers[i] = document.createElement('canvas');
			$(numbers[i]).appendTo(spn);
			
			numbers[i].width = 38;
			numbers[i].height = 63;
			
			
			ctx = numbers[i].getContext('2d');
			if(ctx){
				ctx.drawImage(nimg,0,0,38,63,0,0,38,63);
				ctx.drawImage(nimg,
				(val+1)*38+1,1,
				36,61,
				1,1,
				36,61
				);
			}
			
		}
	};
	
	
	$('#six').click(function(){
		if ($(this).hasClass('active')){
			$(this).removeClass('active');
			if (!$('#seven').hasClass('active'))
			$('#seven').addClass('active');
			$('.filter-col a').removeClass('active');
			$('.filter-col a').hide();
			$('#lll').hide();
		}else{
			return false;
		}
		sel = 6;
		showPrice(nums10[0]);
		filter();
		$('div.list-numbers li').removeClass('active');
		$("#"+nums10[0]).attr("class", "active");
		$('div.number').empty().append(nums10[0]);
		
		nimg.load();
		return false;
	});
	
	$('#seven').click(function(){
		if ($(this).hasClass('active')){
			$(this).removeClass('active');
			if (!$('#six').hasClass('active'))
			$('#six').addClass('active');
			$('.filter-col a').show();
			$('#lll').show();
		}else{
			return false;
			
		}
		sel = 7;
		showPrice(nums[0]);
		filter();
		$('div.list-numbers li').removeClass('active');
		$("#"+nums[0]).attr("class", "active");
		$('div.number').empty().append(nums[0]);
		nimg.load();
		return false;
	});
	
	
	function nanimate(el,val,sh){
		var ctx = numbers[el].getContext('2d');
		valto = val+1;
		valfrom = val;
		if (val == 0){
			valto = 1;
			valfrom = 10;
		}
		if (sh==0){
			ctx.drawImage(nimg.get(0),0,0,38,32,0,0,38,32);
			ctx.drawImage(nimg.get(0),(valto)*38+1,1,36,30,1,1,36,30);
			ctx.drawImage(nimg.get(0),(valfrom)*38,64,38,30,0,1,38,30);
		}
		if (sh==1){
			ctx.drawImage(nimg.get(0),0,0,38,32,0,0,38,32);
			ctx.drawImage(nimg.get(0),(valto)*38+1,1,36,30,1,1,36,30);
			ctx.drawImage(nimg.get(0),(valfrom)*38,127,38,30,0,1,38,30);
		}
		if (sh==2){
			ctx.drawImage(nimg.get(0),0,0,38,32,0,0,38,32);
			ctx.drawImage(nimg.get(0),(valto)*38+1,1,36,30,1,1,36,30);
			ctx.drawImage(nimg.get(0),(valfrom)*38,190,38,31,0,1,38,31);
		}
		if (sh==3){
			ctx.drawImage(nimg.get(0),0,31,38,32,0,31,38,32);
			ctx.drawImage(nimg.get(0),(valfrom)*38+1,32,36,30,1,32,36,30);
			ctx.drawImage(nimg.get(0),(valto)*38,158,38,30,0,32,38,30);
		}
		if (sh==4){
			ctx.drawImage(nimg.get(0),0,31,38,32,0,31,38,32);
			ctx.drawImage(nimg.get(0),(valfrom)*38+1,32,36,30,1,32,36,30);
			ctx.drawImage(nimg.get(0),(valto)*38,95,38,30,0,32,38,30);
		}
		if (sh==5){
			ctx.drawImage(nimg.get(0),0,31,38,32,0,31,38,32);
			ctx.drawImage(nimg.get(0),(valto)*38+1,1,36,61,1,1,36,61);
			h.find('span:eq('+el+') em').text(val);
			return;
		}
		sh++;
		setTimeout(function(){
			nanimate(el,val,sh);
		},50);
	
	}
	
	function animatefromto(el,to){
		var val = parseInt(h.find('span:eq('+el+') em').text());
		if (val==to){
			hm++;
			if (hm==htotal) setTimeout(function(){
				razblock();
			},390);
			return;
		}
		val++;
		if (val>9) val = 0;
		nanimate(el,val,0);
		setTimeout(function(){
			animatefromto(el,to);
		},300);
	}

	
	function randstart(i,text){
		if (i==text.length) return;
		animatefromto(i,parseInt(text.substr(i,1)),0);
		i++;
		setTimeout(function(){
			randstart(i,text);
		},parseInt(Math.random()*20));
	}
	
	function spclick(){
		if ($(this).parent().hasClass('active')){
			return false;
		}
		$('div.list-numbers li').removeClass('active');
		$(this).parent().addClass('active');
		
		block();
		var text = parseInt($(this).text())+"";
		hm = 0;
		htotal = text.length;
		randstart(0,text);
		
		showPrice($(this).text());
		
		
		return false;
	}
	
	function block(){
		$('div.list-numbers span').unbind('click');
		$('div.list-numbers').animate({'color':'#999'},100);
	}
	function razblock(){
		$('div.list-numbers span').click(spclick);
		$('div.list-numbers').animate({'color':'#000'},100);
	}


	$('p.nav a.totop').click(function(){
		$('div.list-numbers').animate({
scrollTop: "-=28"
		},150,'',updatescroll);
		return false;
	});
	$('p.nav a.tobottom').click(function(){
		$('div.list-numbers').animate({
scrollTop: "+=28"
		},150,'',updatescroll);
		return false;
	});

	/*	фильтры*/
	
	$('.filter-col a').click(function(){
		if ($(this).hasClass('active')){
			$(this).removeClass('active');
		}else{
			$('.filter-col a').removeClass('active');
			$(this).addClass('active');
		}
		
		filter();
		return false;
	});

	function coincidence(){
		this.value = this.value.replace(/[^0-9]+/g,"");
		filter();
	}
	$('#filter-coincidence').bind('keyup',coincidence);
	$('#filter-coincidence').bind('focus',coincidence);
	filter();
	
	$('p.yeah a').click(function(){
		if(sel!=6 && sel!=7)
			sel = 7;
			
		$('div.message'+sel.toString()+'').show();
		return false;
	});
	
	$('div.message7 p.operators a, div.message7 a.other').click(function(){
		$('div.message7 p.operators a, div.message7 a.other').removeClass('active');
		$(this).addClass('active');
		$('div.message7 li.li2').show();
		var price = 0;
		var num = $('div.message7 span.nmb').text();
		if(!Array.prototype.indexOf){
			if(indexOf(nums10,num)!=-1)
			price = 10;
			else if(indexOf(nums1,num)!=-1)
			price = 1;
			else if(indexOf(nums3,num)!=-1)
			price = 3;
			else if(indexOf(nums5,num)!=-1)
			price = 5;
		}else{
			if(nums10.indexOf(num)!=-1)
			price = 10;
			else if(nums1.indexOf(num)!=-1)
			price = 1;
			else if(nums3.indexOf(num)!=-1)
			price = 3;
			else if(nums5.indexOf(num)!=-1)
			price = 5;
		}
		
		if($(this).hasClass("beeline") && price != 0){
			$("span.price").text(beeline[price]);
			$("span.prefix").text(beeline["prefix"+price]);
		}else 
		if($(this).hasClass("megafon") && price != 0){
			$("span.price").text(megafon[price]);
			$("span.prefix").text(megafon["prefix"+price]);
		}else 
		if($(this).hasClass("mts") && price != 0){
			$("span.price").text(mts[price]);
			$("span.prefix").text(mts["prefix"+price]);
		}else 
		if($(this).hasClass("tele2") && price != 0){
			$("span.price").text(tele2[price]);
			$("span.prefix").text(tele2["prefix"+price]);
		}else 
		if($(this).hasClass("other") && price != 0){
			$("span.price").text(other[price]);
			$("span.prefix").text(other["prefix"+price]);
		}
		return false;
	});
	$('div.message6 p.operators a, div.message6 a.other').click(function(){
		$('div.message6 p.operators a, div.message6 a.other').removeClass('active');
		$(this).addClass('active');
		$('div.message6 li.li2').show();
		var price = 0;
		var num = $('div.message6 span.nmb').text();
		if(!Array.prototype.indexOf){
			if(indexOf(nums10,num)!=-1)
			price = 10;
			else if(indexOf(nums1,num)!=-1)
			price = 1;
			else if(indexOf(nums3,num)!=-1)
			price = 3;
			else if(indexOf(nums5,num)!=-1)
			price = 5;
		}else{
			if(nums10.indexOf(num)!=-1)
			price = 10;
			else if(nums1.indexOf(num)!=-1)
			price = 1;
			else if(nums3.indexOf(num)!=-1)
			price = 3;
			else if(nums5.indexOf(num)!=-1)
			price = 5;
		}
		
		if($(this).hasClass("beeline") && price != 0){
			$("span.price").text(beeline[price]);
			$("span.prefix").text(beeline["prefix"+price]);
		}else 
		if($(this).hasClass("megafon") && price != 0){
			$("span.price").text(megafon[price]);
			$("span.prefix").text(megafon["prefix"+price]);
		}else 
		if($(this).hasClass("mts") && price != 0){
			$("span.price").text(mts[price]);
			$("span.prefix").text(mts["prefix"+price]);
		}else 
		if($(this).hasClass("tele2") && price != 0){
			$("span.price").text(tele2[price]);
			$("span.prefix").text(tele2["prefix"+price]);
		}else 
		if($(this).hasClass("other") && price != 0){
			$("span.price").text(other[price]);
			$("span.prefix").text(other["prefix"+price]);
		}
		return false;
	});
	
	$('div.message7 span.close').click(function(){
		$('div.message7 p.operators a, div.message7 a.other').removeClass('active');
		$('div.message7 li.li2').hide();
		$('div.message7').hide();
	});
	
	$('div.message6 span.close').click(function(){
		$('div.message6 p.operators a, div.message6 a.other').removeClass('active');
		$('div.message6 li.li2').hide();
		$('div.message6').hide();
	});
	
});