var scrollable=false;

$(document).ready(function() {
	$(".nextPage").addClass('disabled');
	update_nav()
	
	/*Auto complete*/

	$("#search-appmix-keywords").autocomplete(Global_URL+"index.php/autocomplete/autocomplete_appmixes", {
		width: 162,
		selectFirst: false
	});
	
	$("#search-appmix-keywords").keydown(function(e) {
		if(e.keyCode == 13) {
			update_appmix_list();
		}
	});
	
	$("#search-appmix-submit").click(function(){
		update_appmix_list();
	});
	
	$("#reset").click(function(){
		$("#search-appmix-keywords").val("");
		update_appmix_list();
	});
	
	function update_appmix_list()
	{		
		var string_search=trim($("#search-appmix-keywords").val());
		var url_web_service_vip="http://appsfire.net/ws/generic/appmix_list.php";
		var element_par_pages=6;
		var nb_page=0;
		remove_all_appmix();
		afficher_loading();
		$.ajax({
			url: url_web_service_vip,
			type:"GET",
			data:"search="+string_search+"&from=appmixes&ip="+user_ip+"&uid="+local_uid+"&jsoncallback=?", 
			dataType:"json",
			success: function (data)
			{
				var i=0;
				var total=0;
				$.each(data.appmixes, function ()
				{
					total++;
				});
				
				$.each(data.appmixes, function ()
				{
				
					//Creer les pages
					if(i>0)
					{
						if(i % element_par_pages == 0)
						{
							//creer une div class=pages
							div_page=$("<div class='pages'>");
						}
					}else{
						div_page=$("<div class='pages'>");
					}
					

					div_class_appmix=$("<div class='appmix handon' onClick='javascript:view_appmix_apps("+data.appmixes[i].id+");'>");
					
					
					div_class_appmiximage=$("<div class='appmix-image'>");
					div_class_appmix.append(div_class_appmiximage);
					
					img_appmix=$("<img>");
					
					
					
					if(data.appmixes[i].imageurl!=null && data.appmixes[i].imageurl!="")
					img_appmix.attr({
						src:"http://appsfire.com/inc/images/iconlib/icon_"+data.appmixes[i].imageurl+".png",
						alt:data.appmixes[i].title,
						height:30,
						width:30
					});
					else
					img_appmix.attr({
						src:"http://v2.appsfire.com/inc/images/iconlib/icon_shoppingbag.png",
						alt:data.appmixes[i].title,
						height:30,
						width:30
					});
					
					div_class_appmiximage.append(img_appmix);
					
					div_class_appmixinfo=$("<div class='appmix-info'>");
					div_class_appmix.append(div_class_appmixinfo);
					
					h3_title=$("<h3></h3>");
					h3_title.html(str_cut(data.appmixes[i].title,50)+' (<a href="'+data.appmixes[i].source+'" style=\'color:#000000;text-decoration:underline;\' target="_blank">source</a>)');
					div_class_appmixinfo.append(h3_title);
					
					
					
					p2=$("<p>");
					
					var skin='';
					
					if(data.appmixes[i].skin!=null)
					{
						skin=data.appmixes[i].skin;
					}
					
					a_share=$('<a class="button-share" target="_blank" href="http://myap.ps/'+encodeURIComponent(data.appmixes[i].cid)+'">Share</a>');
					a_view=$('<a class="button-viewappmix" href="javascript:;" onClick="javascript:;">View AppMix</a>');
					p2.append(a_share);
					p2.append(a_view)
					div_class_appmixinfo.append(p2);
					
										
					if(data.appmixes[i].IS_NEW==1)
					{
						img_new=$("<img src='"+Global_URL+"inc/images/new_button.png' / style='position:absolute;margin-left:-265px;margin-top:-10px;' />");
						div_class_appmix.append(img_new);
					}

					div_page.append(div_class_appmix);
					
					i++;

	
					//Fermer la div pages si necessaire
					if(i % element_par_pages == 0 || i==total)
					{
						$("#items").append(div_page);
						nb_page++;
					}
					
					if(total==1)
					{
						view_appmix_apps(data.appmixes[i-1].id);
					}
					
				});
				remove_loading();
				update_nav();
				data=null;
				if(total==0)
				{
					div=$("<div class='no_results'>Nothing shows up in appsfire yet...but let us know and we'll take care about it : <a href='mailto:support@appsfire.com'>support@appsfire.com</a> </div>");
					div_page=$("<div class='pages'>");
					div_page.append(div);
					$("#items").append(div_page);

				}else{
					if(nb_page>0)
						$("#page_total").html(nb_page);
					else
						$("#page_total").html(1);
					
					$("#page_number").html("1");
				}
			}
		})
		
	}
	
	function remove_all_appmix()
	{
		$(".featured-appmixs .pages").remove();	
	}
	
	function afficher_loading()
	{
		div_loading=$("<div id='appmix_loading'>");
		img_loading=$("<img src='http://v2.appsfire.com/inc/images/ajax-loader.gif'/>")
		div_loading.append(img_loading);
		$("#items").append(div_loading);
	}
	
	function remove_loading()
	{
		$("#appmix_loading").remove();
	}
	
	function update_nav()
	{
		var nb_result = $('.featured-appmixs .pages .appmix').length;
		var element_par_pages=6;
		var nombre_de_page=Math.round(nb_result/element_par_pages);
		//Garder que les elements correspondant au nombre de page
		var nb_elements_deja_presents=$(".navi").length;
		try{
			$("#appmixSlider").scrollable().begin();
			$("#appmixSlider").navigator()
			.find("a");
			scrollable=true;
			setTimeout('start_autoscroll()',15000);
		}catch(e){}
		//$(".sliderNavi").css("width",20+(nombre_de_page*16+42)+"px");
		//$(".sliderNavi").css("left",((660-(nombre_de_page*16+42))/2)+"px");
		if(nombre_de_page==0)
		{
			$("#nextBtn").hide();
		}else{
			$("#nextBtn").show();
		}
	}
	
	$('body').click(function(){
		scrollable=false;
		try{
			$("#appmixSlider").scrollable().stop();
		}catch(e){}
	})
});

function start_autoscroll()
{
	if(scrollable)
	$("#appmixSlider").autoscroll({autoplay: true, interval: 3000});
}