//=============================================================START FACEBOX=====================================
var parm_confirm = Array();

(function($) {
  $.facebox = function(data, klass) {
    $.facebox.loading()

    if (data.ajax) fillFaceboxFromAjax(data.ajax)
    else if (data.image) fillFaceboxFromImage(data.image)
    else if (data.div) fillFaceboxFromHref(data.div)
    else if ($.isFunction(data)) data.call($)
    else $.facebox.reveal(data, klass)
  }

  $.extend($.facebox, {
    settings: {
      opacity      : 0.1,
      overlay      : true,
      loadingImage : 'javascript/popup_modal/loading.gif',
      closeImage   : 'javascript/popup_modal/closelabel.gif',
      imageTypes   : [ 'png', 'jpg', 'jpeg', 'gif' ],
      faceboxHtml  : '\
    <div id="facebox" style="display:none;"><div class="popup"> \
   <table> \
          <tbody> \
            <tr> \
              <td class="tl"/><td class="b"/><td class="tr"/> \
            </tr> \
            <tr> \
              <td class="b"/> \
              <td class="body"> \
                <div class="content"></div> \
             </td> \
             <td class="b"/> \
           </tr> \
           <tr> \
            <td class="bl"/><td class="b"/><td class="br"/> \
          </tr> \
       </tbody> \
   </table> \
</div> \
</div>'
    },
	 

    loading: function() {
      init()
      if ($('#facebox .loading').length == 1) return true
      showOverlay()

      $('#facebox .content').empty()
      $('#facebox .body').children().hide().end().
        append('<div class="loading"><img src="'+$.facebox.settings.loadingImage+'"/></div>')

     $('#facebox').css({
	  top:    getPageScroll()[1] + (getPageHeight() / 5),
	  left:   ($(window).width() - $('#facebox').width()) / 2
	  
	}).show()


      $(document).bind('keydown.facebox', function(e) {
        if (e.keyCode == 27) $.facebox.close()
        return true
      })
      $(document).trigger('loading.facebox')
    },

    reveal: function(data, klass) {
      $(document).trigger('beforeReveal.facebox')
      if (klass) $('#facebox .content').addClass(klass)
      $('#facebox .content').append(data)
      $('#facebox .loading').remove()
      $('#facebox .body').children().fadeIn('normal')	
	  
      $('#facebox').css('left', $(window).width() / 2 - ($('#facebox table').width() / 2))
      $(document).trigger('reveal.facebox').trigger('afterReveal.facebox')
	  
    },

    close: function() {
      $(document).trigger('close.facebox')
      return false
    }
  })

  $.fn.facebox = function(settings) {
    init(settings)

    function clickHandler() {
      $.facebox.loading(true)

      var klass = this.rel.match(/facebox\[?\.(\w+)\]?/)
      if (klass) klass = klass[1]

      fillFaceboxFromHref(this.href, klass)
      return false
    }

    return this.click(clickHandler)
  }

  /*
   * Private methods
   */

  // called one time to setup facebox on this page
  function init(settings) {
    if ($.facebox.settings.inited) return true
    else $.facebox.settings.inited = true

    $(document).trigger('init.facebox')
    makeCompatible()

    var imageTypes = $.facebox.settings.imageTypes.join('|')
    $.facebox.settings.imageTypesRegexp = new RegExp('\.' + imageTypes + '$', 'i')

    if (settings) $.extend($.facebox.settings, settings)
    $('body').append($.facebox.settings.faceboxHtml)

    var preload = [ new Image(), new Image() ]
    preload[0].src = $.facebox.settings.closeImage
    preload[1].src = $.facebox.settings.loadingImage

    $('#facebox').find('.b:first, .bl, .br, .tl, .tr').each(function() {
      preload.push(new Image())
      preload.slice(-1).src = $(this).css('background-image').replace(/url\((.+)\)/, '$1')
    })

    $('#facebox .close').click($.facebox.close)
    $('#facebox .close_image').attr('src', $.facebox.settings.closeImage)
  }
  
  // getPageScroll() by quirksmode.com
  function getPageScroll() {
    var xScroll, yScroll;
    if (self.pageYOffset) {
      yScroll = self.pageYOffset;
      xScroll = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
      yScroll = document.documentElement.scrollTop;
      xScroll = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
      yScroll = document.body.scrollTop;
      xScroll = document.body.scrollLeft;	
    }
    return new Array(xScroll,yScroll) 
  }

  // Adapted from getPageSize() by quirksmode.com
  function getPageHeight() {
    var windowHeight
    if (self.innerHeight) {	// all except Explorer
      windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
      windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
      windowHeight = document.body.clientHeight;
    }	
    return windowHeight
  }

  // Backwards compatibility
  function makeCompatible() {
    var $s = $.facebox.settings

    $s.loadingImage = $s.loading_image || $s.loadingImage
    $s.closeImage = $s.close_image || $s.closeImage
    $s.imageTypes = $s.image_types || $s.imageTypes
    $s.faceboxHtml = $s.facebox_html || $s.faceboxHtml
  }

  function fillFaceboxFromHref(href, klass) {
    // div
    if (href.match(/#/)) {
      var url    = window.location.href.split('#')[0]
      var target = href.replace(url,'')
      $.facebox.reveal($(target).clone().show(), klass)

    // image
    } else if (href.match($.facebox.settings.imageTypesRegexp)) {
      fillFaceboxFromImage(href, klass)
    // ajax
    } else {
      fillFaceboxFromAjax(href, klass)
    }
  }

  function fillFaceboxFromImage(href, klass) {
    var image = new Image()
    image.onload = function() {
      $.facebox.reveal('<div class="image"><img src="' + image.src + '" /></div><div class="footer"><label class="close facebox_input close_image" OnClick="ClosePopupDialog();">Close</label></div>', klass)
    }
    image.src = href
  }

  function fillFaceboxFromAjax(href, klass) {
    $.get(href, function(data) { $.facebox.reveal(data, klass) })
  }

  function skipOverlay() {
    return $.facebox.settings.overlay == false || $.facebox.settings.opacity === null 
  }

  function showOverlay() {
    if (skipOverlay()) return

    if ($('facebox_overlay').length == 0) 
      $("body").append('<div id="facebox_overlay" class="facebox_hide"></div>')

    $('#facebox_overlay').hide().addClass("facebox_overlayBG")
      .css('opacity', $.facebox.settings.opacity)
      /*.click(function() {
			$(document).trigger('close.facebox') 
		})*/
      .fadeIn(200)
    return false
  }

  function hideOverlay() {
    if (skipOverlay()) return

    $('#facebox_overlay').fadeOut(200, function(){
      $("#facebox_overlay").removeClass("facebox_overlayBG")
      $("#facebox_overlay").addClass("facebox_hide") 
      $("#facebox_overlay").remove()
    })
    
    return false
  }

  $(document).bind('close.facebox', function() {
    $(document).unbind('keydown.facebox')
    $('#facebox').fadeOut(function() {
      $('#facebox .content').removeClass().addClass('content')
      hideOverlay()
      $('#facebox .loading').remove()
    })
  })
  
  $(document).bind('afterReveal.facebox', function() {
   
    var windowHeight = $(window).height();
    var faceboxHeight = $('#facebox').height();
   
    if(faceboxHeight < windowHeight) {
        $('#facebox').css('top', (Math.floor((windowHeight - faceboxHeight) / 2) + $(window).scrollTop()) );
    }
   
});


})(jQuery);


// START POPUP DIALOG
function OpenPopupAlert(text) {
   this_content = text +'<div class="footer"><label class="close facebox_input close_image" OnClick="ClosePopupDialog();">Close</label></div>';
   jQuery.facebox(this_content)
}

function OpenPopupLoading() {
$.facebox.loading()
}

function OpenBannerLoading(title) {
	facebox_is_close = false;
	var this_content = '<a href="http://na2511.etvcorp.hop.clickbank.net?&tid=mobilezo" target="_blank"><img src="html/images/iklan/sd_300x250_1.gif" width="300" height="250" border="0" align="absmiddle" /></a><br>' +
					   '<div class="footer" style="float:left"><img src="html/images/loading_vertical.gif" border="0" width="150px" align="absmiddle" />'+
					   title+'</div>';
	jQuery.facebox(this_content)
}

function OpenPopupConfirm(close_function, message) {
	this_content = message +'<div class="footer">'+
				  '<label class="facebox_input" id="btn_confirm_yes" name="btn_confirm_yes" OnClick="'+
				  close_function+'(true); return false;">&nbsp;&nbsp;Yes&nbsp;&nbsp;</label>'+
				  '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+
				  '<label id="btn_confirm_no" name="btn_confirm_no" class="close facebox_input close_image" '+
				  'OnClick="ClosePopupDialog();">&nbsp;&nbsp;No&nbsp;&nbsp;</label>'+
				  '</div>';
	jQuery.facebox(this_content)
}

function ClosePopupDialog() {
	jQuery(document).trigger("close.facebox");
	return false;
}
// END POPUP DIALOG

//============================================================END FACEBOX=======================================






//============================================================START COMMUNITY=======================================

function OpenAddFriends(member_id, member_name, member_images) {
	var member_link_option = '<select name="link_type" id="link_type" style="margin-top:10px">';	
	$.each(json_member_link.member_link, function(i, object) {
    $.each(object, function(value, text) {
       member_link_option += '<option value="'+value+'">'+text+'</option>'
    });
});
	member_link_option += '</select>';
	
	var this_content = '<img src="'+member_images+'" align="left" style="margin:5px" />\
	    \
		<b>'+member_name + '</b> is my:&nbsp;'+ member_link_option +'\
		\
		<br><br><br>Your Comment: <br>\
		\
	<textarea rows="2" cols="50" name="community_description" id="community_description"/></textarea>';
	parm_confirm[0] = member_id;
  	parm_confirm[1] = member_name;
 	parm_confirm[2] = member_images;
	OpenPopupConfirm("AddFriends", this_content);
}



function AddFriends() {	
	$.ajax({
		type: "POST",
		url: "ajax_request.php",
		data: "ajax_order=insert_add_community&sid="+sid+"&friends_id="+parm_confirm[0]+"&description="+
			  encodeURIComponent($('#community_description').val())+"&link_type="+$('#link_type').val(),
		success: function(data){
			if(data == 1 ){
				/*$('#link_add_friend').text("Cancel "+parm_confirm[1]+" as a " + $('#link_type :selected').text())
				document.getElementById("link_add_friend").onclick = function(){OpenRemoveFriends(parm_confirm[0], parm_confirm[1], parm_confirm[2]);return false;}*/
				window.location.reload();
			}
			else {
			  OpenPopupAlert("Maaf, sedang terjadi permasalahan dalam sistem kami. Silahkan ulangi beberapa saat lagi.");
			  return false;
			}	
		}
	});
	
	ClosePopupDialog();
}

function PopupRemoveFriendsHandle(this_confirm) {
try {
	ClosePopupDialog();
	if(this_confirm) {
		 $.ajax({
			type: "POST",
			url: "ajax_request.php",
			data: "ajax_order=delete_community&sid="+sid+"&friends_id="+parm_confirm[0],
			success: function(data){
				if(data == 1 ){
					window.location.reload();
				}
				else {
				  OpenPopupAlert("Maaf, sedang terjadi permasalahan dalam sistem kami. Silahkan ulangi beberapa saat lagi.");
				  return false;
				}	
			}
		});
		ClosePopupDialog();
	}
	else 
		return false;
}catch(err) {}
}

function OpenRemoveFriends(friends_id, member_name, member_images) {
  parm_confirm[0] = friends_id;
  parm_confirm[1] = member_name;
  parm_confirm[2] = member_images;
 OpenPopupConfirm("PopupRemoveFriendsHandle", "Apakah kamu ingin menghapus "+member_name+" sebagai teman kamu?");
}


function OpenAcceptFriends(friends_id) {
 $.ajax({
	type: "POST",
	url: "ajax_request.php",
	data: "ajax_order=update_community_accept&sid="+sid+"&friends_id="+friends_id,
	success: function(data){
		if(data == 1 ){
		   window.location.reload();
		}
		else {
		  OpenPopupAlert("Maaf, sedang terjadi permasalahan dalam sistem kami. Silahkan ulangi beberapa saat lagi.");
		  return false;
		}	
	}
});
}

//============================================================END COMMUNITY=======================================