var blogTimeout = null;
var blogTotal;
var blogTotalPages;
var blogItemsPerPage = 10;
var blogLoading;
var blogCurrentPage;
var blogSearchFocus = false;
var blogImages;
var blogImagesNum;
var blogTimeoutActive = false;
var AJAX_BLOG;
function initBlog(palette,total){
	blogTotal = total;
	blogTotalPages = Math.ceil(total/blogItemsPerPage);
	prelaoderVisibility(false);
	changeColorPalette(palette);
	headerlineVisibility(true);
	//
	var blogRectangle = $(".blog_rectangle").html();
	var blogDescription = $(".blog_description").html();
	$(".blog_rectangle").remove();
	$(".blog_description").remove();
	var html = '<div class="blog_rectangle">'+blogRectangle+'</div><div class="blog_description">'+blogDescription+'</div>';
	$("#blog_display").css({display:"block"}).html(html);
	//
	blogApplyColors();
	$(".blog_rectangle").css({backgroundColor:currentPalette.rectangleAndProjectName[0]});
	$(".blog_rectangle #txt1").css({color:currentPalette.rectangleAndProjectName[1]});
	$(".blog_rectangle #txt2").css({color:currentPalette.rectangleAndProjectName[2]});
	$(".blog_search_bg").css({backgroundColor:currentPalette.search[0],borderColor:currentPalette.search[1]});
	$(".blog_search_box").css({color:currentPalette.search[1]});
	$(".blog_search_box").focus(function(){
		var str = String($(this).val()).split(" ").join("").toLowerCase();
		if(str == "search"){
			$(this).val("");
		}
		blogSearchFocus = true;
	});
	$(".blog_search_box").blur(function(){
		var str = String($(this).val()).split(" ").join("").toLowerCase();
		//if(str == ""){
			$(this).val("Search");
		//}
		blogSearchFocus = false;
	});
	blogTimeoutActive = true;
	blogTimeout = setTimeout("blogControl()",1000);
	blogLoading = false;
	blogCurrentPage = 0;
	/*
	//borra linea en entry
	var pn = $.address.pathNames();
	if(pn.length == 2 && pn[0] != "search"){
		$(".blog_line").remove();
	}
	*/
}
function blogControl(){
	blogControlStep2();
	if(blogLoading){
		blogTimeoutActive = true;
		blogClearTimeout();
		blogTimeout = setTimeout("blogControl()",1000);
	}else{
		var iconsTinted = getBlogIconsTinted();
		if(iconsTinted){
			$("#blog_holder .blog_video").each(function(){
				if($(this).attr("loaded") != "yes"){
					var html = '<iframe id="vimeoplayer" src="'+$(this).attr("url")+'?title=0&autoplay=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="720" height="405" frameborder="0"></iframe>';
					$(this).html(html);
					$(this).attr("loaded","yes");
					blogSetHeightPhotoViewer();
				}
			});
			blogTimeoutActive = true;
			blogClearTimeout();
			blogTimeout = setTimeout("blogControlStep2()",1100);
		}else{
			blogTimeoutActive = true;
			blogClearTimeout();
			blogTimeout = setTimeout("blogControl()",1000);
		}
	}
}
function blogControlStep2(){
	blogTimeout = null;
	blogRetintIcons();
	blogTimeoutActive = false;
}
function stopBlog(){
	if(blogLoading){
		AJAX_BLOG.abort();
	}
	blogClearTimeout();
	//$("body").stop(true);
	$("#content").find(".blog_video").remove();
	//$("#content").find(".blog_img").remove();
	//$("#content").find(".blog_icon").remove();
	$("#content #blog_holder img").each(function(){
		$(this).stop(true);
		$(this).unbind("load");
		$(this).removeAttr("onload")
		$(this).remove();
	});
	blogSearchFocus = false;
	$("#blog_image_viewer img").each(function(){
		$(this).stop(true);
		$(this).unbind("load");
		$(this).removeAttr("onload")
		$(this).remove();
	});
	$("#blog_image_viewer").html("");
	$("#blog_image_viewer").css({display:"none"});
	$("#blog_display").html("");
	$("#blog_display").css({display:"none"});
}
function blogClearTimeout(){
	if(blogTimeout != null){
		clearTimeout(blogTimeout);
		blogTimeout = null;
	}
}
function blogNextPage(){
	//carga el php vía ajax
	if(!blogLoading && !blogTimeoutActive){
		blogCurrentPage++;
		if(blogCurrentPage < blogTotalPages){
	
		blogLoading = true;
		prelaoderVisibility(true);
		var search_mode = $.address.pathNames()[1] == "search" ? "1" : "0";
		var path = $.address.path();
		//alert(search_mode);
		//alert(path);
		AJAX_BLOG = $.ajax({
			//cms_status le dice al fdata.php si usa los datos publicados o preview
			url: "blog_next_page.php?page="+blogCurrentPage+"&total="+blogTotal+"&url="+path+"&search_mode="+search_mode,
			success: function(data) {
				//cuando complata la carga le pasa el contenido al div
				blogClearTimeout();
				$(".blog_footer").remove();
				$("#blog_holder").append(data);
				blogTimeoutActive = true;
				blogTimeout = setTimeout("blogControl()",1000);
				prelaoderVisibility(false);
				blogApplyColors();
				blogLoading = false;
				blogSetHeightPhotoViewer();
				/*
				if($(document).height()>$(window).height()){
					var scrollsize = $(document).height()-$(window).height();
					var scrolltop = $(document).scrollTop()+(Math.round((scrollsize-$(document).scrollTop())/4)*2); 
					//$(document).scrollTop(scrolltop);//stop(true).animate({scrollTop:scrolltop},150);
					$("body").stop(true).delay(200).animate({scrollTop:scrolltop},300);
				}
				//prelaoderVisibility(false);
				*/
			}
		});
		}
	}
}
function blogOnLoadImage(target){
	$(target).css({display:"block",opacity:0,cursor:"pointer"}).animate({opacity:1},100);
	$(target).mouseover(function(){
		$(this).stop(true).animate({opacity:0.5},100);
	});
	$(target).mouseout(function(){
		$(this).stop(true).animate({opacity:1},100);
	});
	$(target).click(function(){
		var link = $(this).attr("link_url");
		if(link == ""){
			var images = new Array();
			var n = 0;
			var src = $(this).attr("src"); 
			var index;
			var text = $("#blog_holder #blog_entry_"+$(this).attr("entry_num")).find(".blog_caption").html();
			if(text == null){
				text = "";
			}else{
				text += "<br>";	
			}
			text += $("#blog_holder #blog_entry_"+$(this).attr("entry_num")).find(".blog_date").html();
			var id = $("#blog_holder #blog_entry_"+$(this).attr("entry_num")).find(".blog_icon").data("id");
			$("#blog_holder #blog_entry_"+$(this).attr("entry_num")+" .blog_img").each(function(){
				images.push($(this).attr("src")); 
				if($(this).attr("src") == src){
					index = n;	
				}
				n++;
			});
			blogPhotoViewer(images,index,text,id);
		}else{
			window.open(link,"_blank");
		}
	});
	blogSetHeightPhotoViewer();
	$(target).removeAttr("onload");
	blogRetintIcons();
}
function blogOnLoadIcon(target,type,id){
	$(target).data("type",type);
	$(target).data("id",id);
	$(target).data("loaded",true);
	blogIconsEvents($(target));
	$(target).retintIMG(currentPalette.icons[0]);
}
function blogRetintIcons(){
	$(".blog_icon").each(function(){
		if($(this).data("loaded") && !$(this).data("retint")){
			$(this).data("retint",true);
			$(this).retintIMG(currentPalette.icons[0]);
			blogIconsEvents($(this));
		}
	});
}
function blogIconsEvents(obj){
	obj.unbind("mouseover");
	obj.unbind("mouseout");
	obj.unbind("click");
	obj.mouseover(function(){
		$(this).fadeTintIMG(currentPalette.icons[1],3);
		$(this).showTooltip($(this).data("type"),-5,-5);
	});
	obj.mouseout(function(){
		hideTooltip();
		$(this).fadeTintIMG(currentPalette.icons[0],3);
	});
	obj.click(function(){
		var id = $(this).attr("id");
		var url = "/blog/"+$(this).data("id");
		switch (id){
			case "twitter_icon":
			$(this).shareSocialNetwork(url);
			break;
			case "facebook_icon":
			$(this).shareSocialNetwork(url);
			break;
			case "sh_icon":
				//var target = $(this).parent().parent().parent().parent().parent().children(".blog_entry_form");//->form dentro del post
				var target = $("#blog_display");
				var url = "/blog/"+$(this).data("id");
				var c1 = currentPalette.rectangleAndProjectName[2];
				var c2 = currentPalette.rectangleAndProjectName[1];
				var c3 = currentPalette.rectangleAndProjectName[0];
				//target.addShareForm(0,0,720,315,c1,c2,c3,url,"","",false,false,true);//->from dentro del post
				target.addShareForm(726,111,478,315,c1,c2,c3,url,"","",false,false,false)
				hideTooltip();
				$(this).css({visibility:"hidden"});
			break;
		}
	});
}
function getBlogIconsTinted(){
	var icons_ok = true;
	$(".blog_icon").each(function(){
		if(!$(this).data("loaded")){
			icons_ok = false;
			return false;
		}
	});
	return icons_ok;
}
function blogApplyColors(){
	$(".blog_entry").each(function(){
		if($(this).data("loaded") != "ok"){
			$(this).data("loaded","ok");
			$(this).children(".blog_line").css({backgroundColor:currentPalette.lines[0]});
			$(this).children(".blog_title").css({color:currentPalette.text[0]});
			$(this).children(".blog_text").css({color:currentPalette.text[0]});
			$(this).children(".blog_quote").css({color:currentPalette.text[0]});
			$(this).find(".blog_date").css({color:currentPalette.text[0]});
			$(this).find(".blog_caption").css({color:currentPalette.text[0]});
			$(this).find("a").each(function(){
				$(this).css({color:currentPalette.highlight[0]});
				$(this).mouseover(function(){
					$(this).stop(true).animate({color:currentPalette.text[0]},100);
				});
				$(this).mouseout(function(){
					$(this).stop(true).animate({color:currentPalette.highlight[0]},100);
				});
			});
		}
	});
}
function blogSearch(){
	var str = $(".blog_search_box").val().toLowerCase(); 
	str = str.split("    ").join(" ");
	str = str.split("   ").join(" ");
	str = str.split("  ").join(" ");
	if(str.substring(0,1) == " "){
		str = str.substring(1,str.length);
	}
	if(str.substring(str.length-1,str.length) == " "){
		str = str.substring(0,str.length-1);
	}
	$.address.path("/blog/search/"+str);
	$(".blog_search_box").blur();
}
function blogPhotoViewer(images,index,text,id){
	blogImages = images;
	blogImagesNum = index;
	blogSetHeightPhotoViewer();
	var html = '<div id="blog_image_viewer_bg"></div>'
	html += '<div class="blog_image_viewer_container"><div class="blog_image_viewer_content">';
	html += '<img src="assets/arrow_blog_left.png" id="blog_arrow_left" />';
	html += '<img src="assets/arrow_blog_right.png" id="blog_arrow_right" />';
	html += '<div class="blog_image_holder"></div>';
	html += '<img src="assets/blog_close_icon.png" class="blog_image_viewer_close">';
	html += '<div class="blog_image_viewer_text">'+text+'</div>';
	html += '<div class="blog_image_viewer_icons">';
	//html += '<img src="assets/share_icon.png" class="blog_icon" onload="blogOnLoadIcon(this,\'Share\',\''+id+'\')" />';
	html += '<img src="assets/twitter_icon_2.png" id="twitter_icon" class="blog_icon" style="margin-left:15px;margin-right:10px;" onload="blogOnLoadIcon(this,\'Twitter\',\''+id+'\')" />';
	html += '<img src="assets/facebook_icon_2.png" id="facebook_icon" class="blog_icon" onload="blogOnLoadIcon(this,\'Facebook\',\''+id+'\')" />';
	html += '</div></div></div>';
	$("#blog_image_viewer").html(html);
	$("#blog_image_viewer_bg").css({opacity:0.5});
	$("#blog_image_viewer").stop(true).css({display:"block",opacity:0}).animate({opacity:1},100);
	$("#blog_image_viewer_bg").click(function(){
		$("#blog_image_viewer").stop(true).css({display:"none"}).html("");
		$(this).unbind("click");
	});
	$(".blog_image_viewer_close").click(function(){
		$("#blog_image_viewer").stop(true).css({display:"none"}).html("");
		$(this).unbind("click");
	});
	var display = images.length > 1 ? "block" : "none";
	$("#blog_arrow_left").css({display:display}).click(function(){
		blogLoadPhoto("prev");
	});
	$("#blog_arrow_right").css({display:display}).click(function(){
		blogLoadPhoto("next");
	});
	if(blogImages.length > 1){
		$(".blog_image_holder").css({cursor:"pointer"});
		$(".blog_image_holder").click(function(){
			blogLoadPhoto("next");
		});
	}
	blogPhotoViewerResetTop();
	blogLoadPhoto(index);
	//alert(images+";"+index);
}
function blogPhotoViewerResetTop(){
	if(detectMobile()){
		$(".blog_image_viewer_container").css({position:"fixed",top:20});	
	}else{
		var top = $(document).scrollTop()+151;
		$(".blog_image_viewer_container").css({top:top});	
	}
}
function blogLoadPhoto(index){
	switch(index){
		case "next":
		  blogImagesNum++;
		  break;
		case "prev":
		  blogImagesNum--;
		  break;
		default:
		  blogImagesNum = Number(index);
	}
	if(blogImagesNum >= blogImages.length){
		blogImagesNum  = 0;
	}
	if(blogImagesNum < 0){
		blogImagesNum = blogImages.length-1;
	}
	$(".blog_image_holder").html('<img src="'+blogImages[blogImagesNum]+'" onload="blogImgFromViewerOnLoad(this)" />');
}
function blogImgFromViewerOnLoad(target){
	//blogPhotoViewerResetTop();
	$(target).css({display:"block",opacity:0});
	var top = Math.round((950-$(target).height())/2);
	var left = Math.round((968-$(target).width())/2);
	$(target).css({left:left,top:top}).animate({opacity:1},300);
	$(target).removeAttr("onload");
	/*
	max-width:968px;
	max-height:733px;
	*/
}
function blogSetHeightPhotoViewer(){
	var height = $(document).height();
	if(height < 1024){
		height = 1024;
	}
	$("#blog_image_viewer").css({height:height});
}
