var scrollable=false;

$(document).ready(function() {
	$(".nextPage").addClass('disabled');
	update_nav();
	
	$("#search-vip-keywords").autocomplete(Global_URL+"index.php/autocomplete/autocomplete_vip", 	{
		width: 162,
		selectFirst: false
	});
	
	$("#search-vip-keywords").keyup(function(e) {
		if(e.keyCode == 13) {
			update_vip_list();
		}
	});
	
	$("#search-vip-submit").click(function(){
		update_vip_list();
	});
	
	$("#reset").click(function(){
		$("#search-vip-keywords").val("");
		update_vip_list();
	});

	
	
	function update_vip_list()
	{
		var string_search=trim($("#search-vip-keywords").val());
		/*var ip = new windows.java.net.InetAddress.getLocalHost();
		var ipStr = new windows.java.lang.String(ip);
		ip=ipStr.substring(ipStr.indexOf("/")+1);*/

		var url_web_service_vip="http://appsfire.net/ws/generic/vip_list_to_display.php";
		var element_par_pages=6;
		if (true)
		{
		$.ajax({
			url: url_web_service_vip,
			type:"GET",
			data:"search="+string_search+"&from=vips&ip="+user_ip+"&uid="+local_uid+"&jsoncallback=?", 
			dataType:"json",
			success: function (data)
			{
				remove_all_vip();
				afficher_loading();
				var count = 0;
				var div_page=null;
				$.each(data['vip'], function (){
					count=count+1;
				})
				total=count;
				count=0;
				$.each(data.vip, function (vip){
					//Ajouter au DOM
					if(count>0)
					{
						if(count % element_par_pages == 0)
						{
							//creer une div class=pages
							div_page=$("<div class='pages'>");
						}
					}else{
						div_page=$("<div class='pages'>");
					}
					//On cree le VIP et on l'ajoute a la page en cours
					
					div_class_vip=$("<div class='vip'>");
					div_class_vipimage=$("<div class='vip-image'>");
					div_class_vip.append(div_class_vipimage);
					
					img_vip=$("<img>");
					if(data.vip[count].twitter != null && data.vip[count].twitter != "")
					{
						img_vip.attr({
							src:API_URL+"http://appsfire.net/lib/twitter/avatar.php?user="+data.vip[count].twitter+"&r=7",
							alt:data.vip[count].firstname+" "+data.vip[count].lastname,
							height:57,
							width:57
						});
					}else{
						img_vip.attr({
							src:API_URL+data.vip[count].avatarurl+"&r=7",
							alt:data.vip[count].firstname+" "+data.vip[count].lastname,
							height:57,
							width:57
						});
					}
					div_class_vipimage.append(img_vip);
					
					div_class_vipinfo=$("<div class='vip-info'>");
					div_class_vip.append(div_class_vipinfo);
					
					h3_name=$("<h3>");
					h3_name.text(data.vip[count].firstname+" "+data.vip[count].lastname);
					div_class_vipinfo.append(h3_name);
					
					p1=$("<p>");
					
					if(data.vip[count].source==null)
					{
						
					}else{
						p1.text("From: ");
						a_from=$("<a href='"+data.vip[count].source+"' target='_blank'>"+str_cut(lien(data.vip[count].source),26)+"</a>");
						p1.append(a_from);
					}
					
					div_class_vipinfo.append(p1);
					
					p2=$("<p>");
					a_share=$('<a class="button-share" target="_blank" href="http://myap.ps/'+data.vip[count].identifier+'">Share</a>');
					a_view=$('<a class="button-view" href="javascript:view_vip_apps('+data.vip[count].id+');">View My Apps</a>');
					p2.append(a_share);
					p2.append(a_view)
					div_class_vipinfo.append(p2);
					
					if(data.vip[count].IS_NEW==1)
					{
						//img_new=$("<img src='"+Global_URL+"inc/images/bandeau_new.png' / style='position:absolute;margin-left:-32px;margin-top:-9px;' />");
						img_new=$("<img alt='new sticker' style='position: absolute; margin-left: -265px; margin-top: -10px;' src='"+Global_URL+"inc/images/new_button.png'>");
						div_class_vip.append(img_new);
					}


					div_page.append(div_class_vip);
					
					count=count+1;
					if(count % element_par_pages == 0 || count==total)
					{
						$("#items").append(div_page);
					}
					
					if(total==1)
					{
						view_vip_apps(data.vip[count-1].id);
					}
				})
				update_nav();
				remove_loading();
				if(count==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);
				}
			}
			
		});
	}
}
		
	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 remove_all_vip()
	{
		$(".featured-vips .pages").remove();
	}
	
	function update_nav()
	{
		var nb_result = $('.featured-vips .pages .vip').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;
		if(nombre_de_page==0)
		{
			$("#nextBtn").hide();
		}else{
			$("#nextBtn").show();
		}

		if($("#vipSlider").length>0)
		{
			$("#vipSlider").scrollable().begin();
			$("#vipSlider").navigator()
			.find("a");
			scrollable=true;
			setTimeout('start_autoscroll()',15000);
		}
		if(nombre_de_page>0){
			if(nombre_de_page>=19)
			{
				$("#page_total").html(nombre_de_page+1);
			}else{
				$("#page_total").html(nombre_de_page);
			}
		}
		else
		$("#page_total").html(1);
		//$(".sliderNavi").css("width",20+(nombre_de_page*16+42)+"px");
		//$(".sliderNavi").css("left",((660-(nombre_de_page*16+42))/2)+"px");
		
	}
	
	function trim (myString)
	{
		return myString.replace(/^\s+/g,'').replace(/\s+$/g,'')
	}
	
	function lien(URL)
	{	
		var  reg=new  RegExp("(www.)");
		URL=URL.replace(reg,"");
		
		var  reg=new  RegExp("(http://)");
		URL=URL.replace(reg,"");
		
		return URL;
	}
	
	$('body').click(function(){
		scrollable=false;
		try{
			$("#vipSlider").scrollable().stop();
		}catch(e){}
	})
	
});

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