$.noConflict();

var t_box = "";
var curMsgType = 0;
var curMsgPage = 1;
var curMsgPageSize = 4;

var g_blogid = 0;
var g_voteLeft = 5;

function initBlogTemplate(func) {
	jQuery.ajax({
	   type: "GET",
	   url: "template/msgbox.html",
	   success: function(msg){
		 t_box = msg;
		 func();
	   }
	 });
}

function msgBoxArrangedBy(type, page, pagesize) {
	var data = "type="+type;
	if (page!=null) {
		data += "&page="+page;
		if (page!=null) {
			data += "&psize="+pagesize;
		}
	}	
	jQuery.ajax({
	   type: "POST",
	   url: "getBlog.php",
	   data: data,
	   success: msgBoxesLoaded
	 });
}

function msgBoxesLoaded(xml) {
	jQuery(".msgBox").each(function(index, item) {
				jQuery(this).delay(200).fadeOut('slow');
			});
	var output = "";
	var boxStr = "";
	var total = jQuery(xml).find('blogs').attr('total');
	var page = jQuery(xml).find('blogs').attr('page');
	var pagesize = jQuery(xml).find('blogs').attr('psize');
	
	var navLinks = "";
	var l = Math.ceil(total/pagesize)
	if (page>1) {
		navLinks += '<a href="javascript:changeType('+curMsgType+', '+(page-1)+', '+pagesize+')" class="nav_prev"> </a>';		
	}
	for (var i=1; i<=l; i++) {
		navLinks += '<a href="javascript:changeType('+curMsgType+', '+i+', '+pagesize+')" class="nav_'+i+' nav_digit ';
		if (i==page) {
			navLinks += 'disabled"> </a>';
		}else {
			navLinks += '"> </a>';
		}
	}	
	if (page<l) {
		navLinks += '<a href="javascript:changeType('+curMsgType+', '+(Number(page)+1)+', '+pagesize+')" class="nav_next"> </a>';		
	}	
	jQuery(document).find('div.navBar').html(navLinks);
	
	setTimeout(function(){jQuery(xml).find('blog').each(function(){
				var id = jQuery(this).attr('id');
				var vote = jQuery(this).attr('vote');
				var hit = jQuery(this).attr('hit');
				var title = jQuery(this).find('title').text();
				var name = jQuery(this).find('name').text();
				var photo = jQuery(this).find('photo').text();
				boxStr = t_box.replace(/\{\$id\}/g,id);
				boxStr = boxStr.replace(/\{\$vote\}/g,vote);
				boxStr = boxStr.replace(/\{\$view\}/g,hit);
				boxStr = boxStr.replace(/\{\$imgPath\}/,photo);
				boxStr = boxStr.replace(/\{\$name\}/,name);
				boxStr = boxStr.replace(/\{\$body\}/,title);
				output += boxStr;				
			});
		jQuery('#itemsContainer').html(output);
	
	jQuery(".msgBox").each(function(index, item) {
				jQuery(this).delay(index*100).fadeIn('slow');
			});	
			
			
			}, 300);
	
	//msg.replace(/regex/,'text'); 
	//alert( t_box );
}

function changeType(type, page, pagesize) {
	if (type==null) {
		type = curMsgType;
	}
	if (page==null) {
		page = curMsgPage;
	}
	if (pagesize==null) {
		pagesize = curMsgPageSize;
	}
	curMsgType = type;
	msgBoxArrangedBy(type, page, pagesize);
	for (var i=0; i<3; i++) {
		if (i == type) {
			jQuery("#sideBtn"+i).addClass('disabled');			
		}else {
			jQuery("#sideBtn"+i).removeClass('disabled');
		}
	}
	jQuery("a.showAllBtn").attr("href", "browse.php?sorttype="+type);	
}

jQuery(document).ready(function() {
	initBlogTemplate(changeType);
});

//facebook connect
function voteBlog(blogid) {
	Mediabox.open('record.php?blogid='+blogid, '', '600 400');
	//vote(blogid);
}

function onConnected(user_id) {
	//alert(user_id);
	//window.location = 'addFBAlbum.php?imgfile=<?php echo $imgfile; ?>';
	//showLoggedin();
} 
function onNotConnected() {
	//showLogin();
}

function showLogin() {
	hideLoggedin();
	document.getElementById('fblogin').style.display = '';
} 

function hideLogin() {
	document.getElementById('fblogin').style.display = 'none';
} 

function showLoggedin() {
	hideLogin();
	document.getElementById('fbloggedin').style.display = '';
} 

function hideLoggedin() {
	document.getElementById('fbloggedin').style.display = 'none';
} 

function FBLogout() {
	FB.Connect.logoutAndRedirect("logout.php");
}

function vote(blogid, voteLeft) {
	// FB.Connect.requireSession(function(){ voteloggedin(blogid, voteLeft); });
	// FB.Connect.requireSession(function(){ successvote(blogid, voteLeft); });
	g_blogid = blogid;
	g_voteLeft = voteLeft;
	resizeCenterBox(650, 600);
	FB.Connect.requireSession(
		function(){ 		
		document.getElementById(Mediabox.getMediaId()).src="record_invitefriend.php"; 
		
		},
		function(){ finishvote(); }
	);
}

function voteloggedin(blogid, voteLeft) {
	Mediabox.open('record.php?blogid='+blogid, '', '570 350');
	//Mediabox.open('vote.php?blogid='+blogid, '', '570 350');
}

function successvote(blogid, voteLeft) {
	//alert('Vote blog id:'+blogid);
	Mediabox.close();
	Mediabox.open('successvote.php?blogid='+blogid+'&voteLeft='+voteLeft, '', '500 400');
}

function finishvote() {
	//alert('Vote blog id:'+blogid);
	//Mediabox.close();
	//Mediabox.open('finishvote.php?blogid='+g_blogid+'&voteLeft='+g_voteLeft, '', '500 300');
	
	resizeCenterBox(500, 200);
	
	document.getElementById(Mediabox.getMediaId()).src='finishvote.php?blogid='+g_blogid+'&voteLeft='+g_voteLeft; 
}

function writeBlog() {
	window.addEvent('domready', function(){
		Mediabox.open('finishblog.php?blogid='+g_blogid+'&voteLeft='+g_voteLeft, '', '500 300');
	});		
}

function writeBlogFBConnect() {
	//alert(FB.Connect);
	FB.Connect.requireSession(
		function(){ 		
		document.getElementById(Mediabox.getMediaId()).src="writeblog_invitefriend.php"; 
		
		},
		function(){ writeBlogCloseMsg(); }
	)
}

function writeBlogInviteFriend() {	

	Mediabox.open('about:blank', '', '650 600');

	writeBlogFBConnect.delay(2000);

	//Mediabox.close();
	//jQuery("#inviteDiv").css("display", "block");
	
	//displayObj("holder", true, "block");	

	//displayObj("inviteDiv", true, "block");
	//displayObj("inviteBorder", true, "block");
	//displayObj("closeDiv", true, "block");
}

//function writeBlog

function writeBlogCloseMsg() {
	
	resizeCenterBox(500, 300);
	document.getElementById(Mediabox.getMediaId()).src='finishblog.php'; 
	//Mediabox.close();
}

function showHideObj(id, bool) {
	var mc = document.getElementById(id);
	if (mc) {
		mc.style.visibility = (bool) ? "visible" : "hidden";
	}
}
function displayObj(id, bool, showValue) {
	var mc = $(id);
	if (mc) {
		if (bool) {
			mc.style.display = (showValue) ? showValue : "";
		} else {
			mc.style.display = "none";
		}
	}
}

function inviteFriend() {
	//Mediabox.close();
	displayObj("holder", true, "block");	

	displayObj("inviteDiv", true, "block");
	displayObj("inviteBorder", true, "block");
	displayObj("closeDiv", true, "block");
}
function closeInviteFriend() {
	displayObj("holder", false);
	displayObj("inviteDiv", false);
	displayObj("inviteBorder", false);
	displayObj("closeDiv", false);

}

function writeCloseInviteFriend() {
	//displayObj("holder", false);
	//displayObj("inviteDiv", false);
	//displayObj("inviteBorder", false);
	//displayObj("closeDiv", false);
	publishWall("相信dermes 相信永久由妳見證", "以行動vote出心頭好blog，有機會赢取dermes腋下激光永久脫毛療程(價值$15,000), 立即參加!");
	//Mediabox.close();
}

function publishWall(title, note) {

	var attachment = {'media':[{'type':'image','src':imglink,'href':'http://fevahost1.fevaworks.com/dermes/'}], 'name':title,'href':'http://fevahost1.fevaworks.com/dermes/','description':note};
	var action_links = [{'text':'Visit','href':'http://fevahost1.fevaworks.com/dermes/'}]

	FB.Connect.streamPublish("", attachment, action_links, null, '', writeBlogCloseMsg);
}

function resizeCenterBox(w, h) {
	var ml = -w/2;
	var mt = -h/2;
	jQuery("#mbCenter").css("width", w);
	jQuery("#mbCenter").css("height", h);
	jQuery("#mbCenter").css("margin-left", ml);
	jQuery("#mbCenter").css("margin-top", mt);
	jQuery("#mbHeadContainer").css("width", w);
	jQuery("#mbHeadContainer").css("margin-left", ml);
	
	jQuery("#mbImage").css("width", w);
	jQuery("#mbImage").css("height", h);
	
	document.getElementById(Mediabox.getMediaId()).width = w;
	document.getElementById(Mediabox.getMediaId()).height = h;

}