/** JS Function **/
// JAjax COMMON
var ico_loading = "<img src='/skins/default/images/loading.gif' border='0' />";
var JAjax = {
	call:function (_url, _data, _args)
	{
		if (typeof _args != 'undefined' && _args.method == '')
		{
			_args.method = "GET";
		}
		var message = (typeof _args.message != 'undefined' && _args.message != "") ? _args.message : "";
		$("#"+_args.loading) ? $("#"+_args.loading).html(message + ico_loading) : void(0);
		try {
			$.ajax({
				type: 		(typeof _args.method == 'undefined') ? "GET" : _args.method,
			  	url: 		_url,
			  	dataType:	"json",
			  	data:		_data,
			  	timeout: 	5000,
				error: function(request, error) {
					if (error = "timeout") {
					   	$("#errormsg") ? $("#errormsg").append("The request timed out, please resubmit") : void(0);
					}
					else {
						$("#errormsg") ? $("#errormsg").append("ERROR: " + error) : void(0);
					}
				},
				success: function(request) {
					$("#" + _args.loading) ? $("#" + _args.loading).empty() : void(0);
					if(typeof _args.func != 'undefined' && _args.func != "") {
						try{
							eval(""+_args.func+"(request);");
							
						} catch (ex) {}
						
					} else {
						if(request.status == 1){
							$("#"+_args.container) ? $("#"+_args.container).html(request.rs) : void(0);			
						}
					}
				}
			});	
		} catch(ex){
			// TODO
		}
	}
}
// JS Common
/************/
var common = {
	stuff: null,
	ref: null,
	ZME_pass: function(s)
	{
	    var url  =  "http://api.me.zing.vn/widget2.php?u=" + s;
	    var script = document.createElement("script");        
	    script.setAttribute("src",url);
	    script.setAttribute("type","text/javascript");                
	    var body_element = document.getElementsByTagName("body");
	    body_element[0].appendChild(script);	
	},
	ZME_widget: function ()
	{
		var k = document.getElementsByTagName("a");
		var avatar = new Array();
		for (var i=0; i<k.length; i++) 
		{
			var att 	= k[i].getAttribute("rel");
			var html 	= k[i].innerHTML; 
			if (att != null && html.indexOf("img")==-1 && html.indexOf("IMG")==-1)
			{
				var Me = att.substr(0,5).toUpperCase();
				var Usn =  att.substr(5) ;
				if (Me=="ZMEA_")
				{
					 var im  = document.createElement('img');
					 im.src = "http://api.me.zing.vn/images/loading.gif";
					 im.id = Usn + "_ZMEA"  + i ;
					 im.border = "0";
					 if (zme_avatar_width)
					 {
					 	im.width = zme_avatar_width;
					 }
					 if (zme_avatar_heigth)
					 {
					 	im.height = zme_avatar_heigth;
					 }
					 k[i].appendChild(im);
					 this.ZME_pass(im.id);
				 }
			}
		}
	},
	SlideDown: function(divname)
	{
		var span_name = 'span_'+divname.split('_')[1];
		if($('#'+divname).is(':hidden'))
		{
			$('#'+divname).slideDown('slow');
			$('#'+span_name).html('<strong>[-]</strong>')
		}
		else
		{
			$('#'+divname).slideUp('slow');
			$('#'+span_name).html('<strong>[+]</strong>')
		}
	},
	Messaging: function(message, duration, _msgid)
	{
		if(typeof _msgid == 'undefined' || _msgid == '')
			var _msgid = "gb_message";
		if(typeof duration == 'undefined') {
			var duration = 0;
		}
		$("#"+_msgid).html(message);
		$("#"+_msgid).slideDown('slow');
		duration = parseInt(duration);
		if(duration > 0)
		{
			window.setTimeout("common.HideMessaging(\""+_msgid+"\")", duration);
		}
		window.scrollTo(0, 0);
	},
	HideMessaging: function(_msgid)
	{
		if(typeof _msgid == 'undefined' || _msgid == '')
			var _msgid = "gb_message";
		$("#"+_msgid).slideUp('slow');
	},
	LoginForm: function (_ref)
	{
		if(typeof _ref == 'undefined')
			var _ref = '';
		this.ref = _ref;
		window.scrollTo(0,0);
		if($('#aspnetForm').length > 0)
		{
			if($("#login_ajax_form").is(":hidden"))
			{
				var crollTop = $(window).scrollTop();
				var H = $(window).height();
				var W = $(window).width();
				var margin_left = (W/2) - (parseInt($("#login_ajax_form").width()/2));
				var margin_top = ((H/2) - (parseInt($("#login_ajax_form").height()/2))) + crollTop;
				$("#login_ajax_form").css("margin-left", margin_left+"px");
				$("#login_ajax_form").css("margin-top", margin_top+"px");
				$("#login_ajax_form").slideDown('slow');
				$('#uname').focus();
				if($.browser.msie && $.browser.version.substr(0, 3)=='6.0') 
				{
					$("#DIV_Overlay").css("width", document.body.offsetWidth);
					$("#DIV_Overlay").css("height", document.body.offsetHeight);
					$("#DIV_Overlay").css("top", document.body.scrollTop + 'px');
					$("#DIV_Overlay").css("left", document.body.scrollLeft + 'px');
				}
				$("#DIV_Overlay").show();
				$('#uname') ? $('#uname').focus() : void(0);
			}
			else
			{
				$("#upass").val('');
				$("#login_ajax_form").slideUp('slow');
				$("#DIV_Overlay").hide();
			}
		}
		else
		{
			// ADD JS SCRIPT
			var crollTop = $(window).scrollTop();
			var H = $(window).height();
			var W = $(window).width();
			var margin_left = (W/2) - (parseInt($("#login_ajax_form").width()/2));
			var margin_top 	= ((H/2) - (parseInt($("#login_ajax_form").height()/2))) + crollTop;
			$("#login_ajax_form").css("margin-left", margin_left+"px");
			$("#login_ajax_form").css("margin-top", margin_top+"px");
			
			// FETCH FORM
			var _url 	= "https://sso.zing.vn/login";
			var _done	= "http://" + document.domain + "/yobanbe/myblog/yologin.html?verify=1";
			var _fail	= "@http://" + document.domain + "/yobanbe/myblog/yologin.html?error=1";
			try
			{
				$("#login_form").loginAjaxSSO({ssoUrl: _url, ssoDone: _done, ssoFail: _fail});
			}
			catch(ex)
			{
				//alert(ex);
			}
			$("#login_ajax_form").slideDown('slow');
			if($.browser.msie && $.browser.version.substr(0, 3)=='6.0') 
			{
				$("#DIV_Overlay").css("width", document.body.offsetWidth);
				$("#DIV_Overlay").css("height", document.body.offsetHeight);
				$("#DIV_Overlay").css("top", document.body.scrollTop + 'px');
				$("#DIV_Overlay").css("left", document.body.scrollLeft + 'px');
				$("#DIV_Overlay").css("position", 'absolute');
			}
			$("#DIV_Overlay").show();
			$('#uname') ? $('#uname').focus() : void(0);
		}
	},
	RemoveTheme: function ()
	{
		document.domain = "zing.vn";
		var disable = true;
		$.each(document.styleSheets, function(ind, css){
			if (ind > 0)	
			{
				if(document.styleSheets[ind].disabled)
				{
					document.styleSheets[ind].disabled = false;
				}
				else
				{
					disable = false;
					document.styleSheets[ind].disabled = true;
					
				}
			}
		});
		var hideobj	= new Array("embed", "iframe", "object");
		for (y = 0; y < hideobj.length; y++) {
			var objs = document.getElementsByTagName(hideobj[y]);
			for(i = 0; i < objs.length; i++) {
				objs[i].style.visibility = disable ? 'visible' : 'hidden';
			}
		}
		if (disable)
		{
			if (this.cssglobal != null)
			{
				this.Process(true, 4);
				window.setTimeout("common.RemoveCss(false);", 1000);
			}
			$("#contType01").append(this.stuff);
			$("#switch_css").attr("src", "/skins/default/images/btn_loaitheme.gif");
		}
		else
		{
			if (this.cssglobal != null)
			{
				this.Process(true, 4);
				window.setTimeout("common.RemoveCss(true);", 1000);
			}
			this.stuff = $("#contType01").html();
			$("#contType01").empty();
			$("#switch_css").attr("src", "/skins/default/images/btn_hientheme.gif")
		}
	},
	cssglobal: null,
	cssprivate: null,
	list_box: ['profile_info', 'my_connection', 'my_comment','headline', 'menuprofile','list_blog', 'private_info', 'showhide', 'my_stuff', 'list_friend', 'list_photo'],
	InitTheme: function (css_json)
	{
		if (css_json != "")
		{
			try
			{
				var oJson = $.evalJSON(css_json);
				if (oJson.global != null)
				{
					this.cssglobal = oJson.global;
				}
				if (oJson.blocks != null)
				{
					this.cssprivate = oJson.blocks;
				}
				this.RemoveCss(false);
			}
			catch (ex)
			{
				this.Messaging(ex, 5000, "gb-message");
			}
		}
		return false;
	},
	ApplyCss: function (box, block)
	{
		// TAB GENERAL
		if(typeof block == 'undefined')
			return;
		if (box == 'box_general')
		{
			//SET BACKGROUND
			var bg_top_image = block.body.background.image;
			if (bg_top_image != "")
			{
				$("#body").css("background-image", "url("+bg_top_image+")");
			}
			var bg_color = block.body.background.color;
			if (bg_color != "")
			{
				$("#body").css("background-color", bg_color);
			}
			// SET BACKGROUND-ATT
			var bg_top_att = block.body.background.attachment;
			bg_top_att = (bg_top_att == "") ? "none" : bg_top_att;
			$("#body").css("background-attachment", bg_top_att);
			
			var bg_top_pos = block.body.background.position;
			bg_top_pos = (bg_top_pos == "") ? "top left" : bg_top_pos;
			$("#body").css("background-position", bg_top_pos);
			
			var bg_top_repeat = block.body.background.repeat;
			bg_top_repeat = (bg_top_repeat == "") ? "repeat" : bg_top_repeat;
			$("#body").css("background-repeat", bg_top_repeat);
			
			// SET BACKGROUND-BOTTOM
			var bg_bottom_image = block.container.background.image;
			if (bg_bottom_image != "")
			{
				$("#container-strech2").css("background-image", "url("+bg_bottom_image+")");
			}
			var bg_bottom_pos = block.container.background.position;
			bg_bottom_pos = (bg_bottom_pos == "") ? "top left" : bg_bottom_pos;
			$("#container-strech2").css("background-position", bg_bottom_pos);
			
			var bg_bottom_repeat = block.container.background.repeat;
			bg_bottom_repeat = (bg_bottom_repeat == "") ? "repeat" : bg_bottom_repeat;
			$("#container-strech2").css("background-repeat", bg_bottom_repeat);	
		}
		else
		{
			var bg_box = block.background.color;
			if (bg_box != "")
			{
				$("#" + box).css("background-color", bg_box);
				$("." + box).css("background-color", bg_box);
			}
			var bg_border = block.border.color;
			if (bg_border != "")
			{
				$("#" + box).css("border-color", bg_border);
				$("." + box).css("border-color", bg_border);
			}
			var border_width = block.border.width;
			if (border_width != "")
			{
				$("#"+box).css("border-width", border_width);
				$("."+box).css("border-width", border_width);
			}
			var border_style = block.border.style;
			if (border_style != "")
			{
				$("#"+box).css("border-style", border_style);
				$("."+box).css("border-style", border_style);
			}
			// TAB TITLE
			var color_title = block.title.color;
			if (color_title != "")
			{
				$("#"+box+" .title").css("color", color_title);
				$("#"+box+" .title *").css("color", color_title);
				$("."+box+" .title").css("color", color_title);
				$("."+box+" .title *").css("color", color_title);
			}
			var bg_color_title = block.title.background.color;
			if (bg_color_title != "")
			{
				$("#"+box+" .title").css("background-color", bg_color_title);
				$("."+box+" .title").css("background-color", bg_color_title);
			}
			var family_title = block.title.font_family;
			if (family_title != "")
			{
				$("#"+box + " .title").css("font-family", family_title);
				$("#"+box + " .title *").css("font-family", family_title);
				$("."+box + " .title").css("font-family", family_title);
				$("."+box + " .title *").css("font-family", family_title);
			}
			var size_title = block.title.font_size;
			if (size_title != "")
			{
				$("#"+box + " .title").css("font-size", size_title);
				$("#"+box + " .title *").css("font-size", size_title);
				$("."+box + " .title").css("font-size", size_title);
				$("."+box + " .title *").css("font-size", size_title);
			}
			var title_transform = block.title.text_transform;
			if (title_transform != "")
			{
				$("#"+box + " .title").css("text-transform", title_transform);
				$("#"+box + " .title *").css("text-transform", title_transform);
				$("."+box + " .title").css("text-transform", title_transform);
				$("."+box + " .title *").css("text-transform", title_transform);
			}
			// TAB CONTENT
			var color_cont = block.cont.color;
			if (color_cont != "")
			{
				$("#"+box + " .cont").css("color", color_cont);
				$("#"+box + " .cont *").css("color", color_cont);
				$("."+box + " .cont").css("color", color_cont);
				$("."+box + " .cont *").css("color", color_cont);
			}
			var link_color_cont = block.cont.a.color;
			if (link_color_cont != "")
			{
				$("#"+box + " .cont a").css("color", link_color_cont);
				$("."+box + " .cont a").css("color", link_color_cont);
			}
			var family_cont = block.cont.font_family;
			if (family_cont != "")
			{
				$("#"+box + " .cont").css("font-family", family_cont);
				$("#"+box + " .cont *").css("font-family", family_cont);
				$("."+box + " .cont").css("font-family", family_cont);
				$("."+box + " .cont *").css("font-family", family_cont);
			}
			var size_cont = block.cont.font_size;
			if (size_cont != "")
			{
				$("#"+box + " .cont").css("font-size", size_cont);
				$("#"+box + " .cont *").css("font-size", size_cont);
				$("."+box + " .cont").css("font-size", size_cont);
				$("."+box + " .cont *").css("font-size", size_cont);
			}
			var cont_transform = block.cont.text_transform;
			if (cont_transform != "")
			{
				$("#"+box + " .cont").css("text-transform", cont_transform);
				$("#"+box + " .cont *").css("text-transform", cont_transform);
				$("."+box + " .cont").css("text-transform", cont_transform);
				$("."+box + " .cont *").css("text-transform", cont_transform);
			}
		}
	},
	RemoveCss: function(status)
	{
		if (typeof this.cssglobal == 'undefined' || this.cssglobal == null)
			return;
		try
		{
			if (status)
			{
				if (this.cssglobal != null)
				{
					this.RemoveCss_Event('box_general');
				}
				if (this.cssprivate != null)
				{
					$.each(common.list_box, function (ind, box){
						if (common.cssprivate[box] != null)
						{
							common.RemoveCss_Event(box);
						}
					});
				}
			}
			else
			{
				if (this.cssglobal != null)
				{
					this.ApplyCss('box_general', this.cssglobal);
				}
				if (this.cssprivate != null)
				{
					$.each(common.list_box, function (ind, box){
						if (common.cssprivate[box] != null)
						{
							var block = common.cssprivate[box];
							common.ApplyCss(box, block);
						}
					});
				}
			}
		}
		catch (ex)
		{
			this.Messaging(ex, 5000, "gb-message");
		}
	},
	RemoveCss_Event: function (box)
	{
		// TAB GENERAL
		if (box == 'box_general')
		{
			$("#body").attr("style", "");
			$("#container-strech2").attr("style", "");
		}
		else
		{
			// BLOCK
			$("#" + box).attr("style", "");
			$("." + box).attr("style", "");
			
			// TAB TITLE
			$("#"+box+" .title").attr("style", "");
			$("#"+box+" .title *").attr("style", "");
			
			$("."+box+" .title").attr("style", "");
			$("."+box+" .title *").attr("style", "");
			
			// TAB CONTENT
			$("#"+box + " .cont").attr("style", "");
			$("."+box + " .cont").attr("style", "");
			if (box == 'profile_info' || box == 'headline' || box == 'menuprofile')
			{
				$("#"+box + " .cont *").attr("style", "");
				$("."+box + " .cont *").attr("style", "");
			}
		}
		return false;
	},
	Process: function(status, timeout, func)
	{
		if (typeof this.cssglobal == 'undefined' || this.cssglobal == null)
		{
			return;
		}
		else
		{
			var duration = timeout * 1000;
			try
			{
				if (status)
				{
					csscody.waiting('<h1>Đang xử lý ...</h1>', {timeout: duration});
					if (typeof func != 'undefined' && func != "")
					{
						eval("design."+func+"();");
					}
					return true;
				}
				else
				{
					csscody.display(0);
				}
			}
			catch (ex)
			{
				this.Messaging(ex, 5000, "gb-message");
			}
			return false;
		}
	}
}
/****** CATCH WINDOW RESIZE *********/
$(window).resize( function() { 
	if ($("#login_ajax_form").length > 0 && !$("#login_ajax_form").is("hidden")) 
	{
		var crollTop = $(window).scrollTop();
		var H = $(window).height();
		var W = $(window).width();
		var margin_left = (W/2) - (parseInt($("#login_ajax_form").width()/2));
		var margin_top = ((H/2) - (parseInt($("#login_ajax_form").height()/2))) + crollTop;
		$("#login_ajax_form").css("margin-left", margin_left+"px");
		$("#login_ajax_form").css("margin-top", margin_top+"px");
	} 
});
$(window).scroll(function () { 
    if ($("#login_ajax_form").length > 0 && !$("#login_ajax_form").is("hidden")) 
	{
		var crollTop = $(window).scrollTop();
		var H = $(window).height();
		var W = $(window).width();
		var margin_left = (W/2) - (parseInt($("#login_ajax_form").width()/2));
		var margin_top = ((H/2) - (parseInt($("#login_ajax_form").height()/2))) + crollTop;
		$("#login_ajax_form").css("margin-left", margin_left+"px");
		$("#login_ajax_form").css("margin-top", margin_top+"px");
		
	} 
	if ($("#popup_design").length > 0 && !$("#popup_design").is("hidden")) 
	{
		var crollTop = $(window).scrollTop();
		var H = $(window).height();
		//var margin_top = ((H/2) - (parseInt($("#popup_design").height()/2))) + crollTop;
		var margin_top = crollTop + 50;
		//$("#popup_design").css("top", "0px");
		$("#popup_design").css("top", margin_top+"px");
		
	} 
	if($.browser.msie && $.browser.version.substr(0, 3)=='6.0') 
	{
		$("#mydesign-header").css("margin-top", crollTop+"px");
	}
});