var lhs = "web";
var rhs = "blazonry.com";

function printLinkToAddress(divId, lhs, rhs) {
    document.getElementById(divId).innerHTML = "<a href=\"mailto:" + lhs + "@" + rhs + "\">" + lhs + "@" + rhs + "<\/a>";
}

function disableIfChecked(fieldSelector, checkboxSelector) {
    $(checkboxSelector).change(function(event) {
        var checked = event.target.checked;
        $(fieldSelector).attr('disabled', checked);
        if(checked) {
        	$(fieldSelector).parents('.BBCodeEditorField').addClass('editor_locked');
        	$(fieldSelector).parents('.BBCodeEditorField').find('UL.tools').css('opacity', 0.5);
        } else {
        	$(fieldSelector).parents('.BBCodeEditorField').removeClass('editor_locked');
        	$(fieldSelector).parents('.BBCodeEditorField').find('UL.tools').css('opacity', 1);
        }
    });
    $(checkboxSelector).trigger('change');
}

function disableIfNotChecked(fieldSelector, checkboxSelector) {
    $(checkboxSelector).change(function(event) {
        var checked = event.target.checked;
        $(fieldSelector).attr('disabled', !checked);
    });
    $(checkboxSelector).trigger('change');
}

function personal_page_edit_welcome_messageReadyHandler() {
    disableIfChecked('#personal_page_edit_welcome_message_message', '#personal_page_edit_welcome_message_use_default');
}

function personal_page_edit_contact_boxReadyHandler() {
    $('#personal_page_edit_contact_box_phone_type').change(function(event) {
        var value = event.target.value;
        if (value == "enter") {
            $('#personal_page_edit_contact_box_phone').show();
        } else {
            $('#personal_page_edit_contact_box_phone').hide();
        }
    });
    $('#personal_page_edit_contact_box_phone_type').trigger('change');
    
    disableIfChecked('#personal_page_edit_contact_box_email', '#personal_page_edit_contact_box_use_profile_email');
    
    var accounts = ["facebook", "twitter", "youtube"];
    for (var index in accounts) {
        disableIfNotChecked(
                '#personal_page_edit_contact_box_' + accounts[index] + '_profile',
                '#personal_page_edit_contact_box_' + accounts[index] + '_profile_enabled');
    }
    disableIfNotChecked(
            '#personal_page_edit_contact_box_other_profiles',
            '#personal_page_edit_contact_box_other_profiles_enabled');
}

function toggleNews(el) {
	$(el).parents(".my_news").find(".news_container").each(function() {
		$(this).slideUp();
	});
	var $news = $(el).parents(".news").find(".news_container");
	if($news.is(":visible")) {
		$news.slideUp();
	} else {
		$news.slideDown();
	}
}

function showAboPageUrl(e, el) {
	e = $.event.fix(e);
	e.stopPropagation();
	fn.dropdown(e, el, $('#personal_page_paste_url_div'));
	
	
}

function personal_page_edit_hot_picksReadyHandler() { 
    $('INPUT[id*=use_default_]').change(function() {
    	var id = this.id;
    	var regexp = /([0-9]+)/g;
    	var match = regexp.exec(id);
    	var categoryId = match[0];
    	
    	var formName = 'personal_page_edit_hot_picks_form';
    	var url = '?action=ajaxflow.transit&ajaxflow.flow=personal_page_edit_hot_picks&ajaxflow.transition=use_default&category_id=' + categoryId;
    	PopupLayer.submitForm(formName, url);    	
    });
}

function toggleHotPicksCategory(categoryId) {
	$('DIV[id*=hot_picks_div_]').hide();
	$('#hot_picks_div_' + categoryId).show();
}


function togglePageHeaderText(el) {
    $('.name_container').hide();
    $("#" + el).show();
    //$("#" + $(this).val()).show();	
}

function pageHeaderTextSettings() {
  var $options = $('#form_personal_page_edit_header').find('INPUT[type=radio]');
  var $userImageSettingsField = $('#personal_page_edit_header_show_photo');
  
  $options.unbind('click.changePageHeaderText');
  $options.each(function() {
  	var $this = $(this);
  	if($this.is(':checked')) {
      togglePageHeaderText($this.val());
  	}
  	$this.bind('click.changePageHeaderText', function() {
      togglePageHeaderText($(this).val());
    });
  });
  
  $userImageSettingsField.each(function() {
  	
  	if($(this).is(':checked')) {
  		$('#previewUserPhoto').show();
  	}
  	$(this).unbind('click.toggleVisibilityUserImage');
  	$(this).bind('click.toggleVisibilityUserImage', function() {
  		$('#previewUserPhoto').toggle();
  	});
  });
}

epoint.ow.DocumentReadyManager.addApplicationAction(function() {
  var $editHeaderForm = $('#form_personal_page_edit_header');

  if($editHeaderForm.exists()) {
  	pageHeaderTextSettings();
  }
  
}, 10, false);

$(document).ready(function() {

    $('#personal_page_select_skin_skin').change(function(event) {
        $('#form_personal_page_select_skin').get(0).submit();
    });
    
    var radio_button_widget_prefix = "personal_page_add_widget_widget_";
    var widget_prefix = "widget_description_";
    var $widget_description = $(".widget_description");
    var $widget_description_layers = $(".widget_description_layer");
    var $submitAddToPage = $("#submitAddToPage");
    var $initialLayer = $("#widget_description_contact_box");
    
    if($initialLayer.exists()) {
    	$initialLayer.show();
    	$widget_description.show();
    }
       
    $(".first_widget_added").each(function() {
    	$submitAddToPage.bind('click.submitAddToPage', function(e) { return false; });
    });
    
    $("SPAN[id^="+radio_button_widget_prefix+"]").click(function() {
    	if(!$widget_description.is('visible')) { 
    		$widget_description.show(); 
    	}
    	$widget_description_layers.hide();
    	$submitAddToPage.unbind('click.submitAddToPage');
    	var active_widget_description_layer_id = $(this).attr('id').replace(radio_button_widget_prefix, widget_prefix).replace("_option", "");
    	$("#" + active_widget_description_layer_id).show();
    	if(globalEnv[active_widget_description_layer_id + "AlreadyAdded"]) {
    		$submitAddToPage.bind('click.submitAddToPage', function(e) { return false; });
    		$submitAddToPage.addClass('button_disabled');
    	} else {
    		$submitAddToPage.removeClass('button_disabled');
    	}
    });
    
    var currentBoxToolbar = null;
    $(".personal_page_box_container").mouseenter(function() {
    	currentBoxToolbar = $(this).find('.box_toolbar');
    	if(currentBoxToolbar.exists()) {
    		currentBoxToolbar.show();
    		$(this).css("border", "2px solid #c00000").css('padding', 0);
    	}
    }).mouseleave(function() {
    	if(currentBoxToolbar.exists()) {
        currentBoxToolbar.hide();
        $(this).css("border", "none").css('padding', '2px');
      }
    });
    
    $('#personal_page_help_icon').mouseenter(function() {
    	var $this = $(this);
    	var $thisOffset = $this.offset();
    	
    	$('#personal_page_help').css({
          top: $thisOffset.top + 23,
          left: $thisOffset.left - 8
        }).slideDown();;
    }).mouseleave(function() {
      $('#personal_page_help').hide();
    });
    
    // My hot picks
    $('SPAN[id*=hot_picks_]').click(function () {
    	$('.my_hot_pics_categories .selected_category').removeClass('selected_category');
    	$(this).addClass('selected_category');
    });
});