')
.css('margin-top', mt + 'px')
.hide()
.appendTo(loadingDiv)
.fadeIn();
return loadingDiv;
//$('#debug').append(''); data = $('feedzillaWidget', data); } catch (e) { alert(e); } } /* END DEBUG */ readXML(data, false, false); applyStyle(false, true); } var loadStyle = function(themeCanvas) { //$('#debug').html($(themeCanvas).attr('id')); if ($(themeCanvas).attr('id')) { var file = '/en/v2/widgets/config/' + $(themeCanvas).attr('id') + '.xml'; $.get(file, processXML, 'xml'); } } var showStyleFinish = function(event) { var themeCanvas = $(event.target).is('.fzStylePreviewCanvas') ? $(event.target) : $(event.target).parents('.fzStylePreviewCanvas'); if (themeCanvas.is('.fzStylePreviewCanvas')) { $('#popularThemes .fzThemePreviewCanvas').addClass('invisibleBorder').removeClass('highlighted').fadeTo(500, 1); $('#widgetStyles .fzStylePreviewCanvas.highlighted').addClass('invisibleBorder').removeClass('highlighted'); $('#wizardStep2aContentWrapper .tick').remove(); themeCanvas.addClass('highlighted').removeClass('invisibleBorder').fadeTo(500, 1); $('#widgetStyles .fzStylePreviewCanvas.invisibleBorder').fadeTo(500, 0.5); $('#step2aHeader').after(''); $('#customStyle').addClass('hidden'); $('#wizardStep2b').removeClass('hidden'); loadStyle(themeCanvas); } } var showThemeFinish = function(event) { var themeCanvas; if ($(event.target).is('.fzThemePreviewCanvas')) { themeCanvas = $(event.target); } else if ($(event.target).is('a')) { event.preventDefault(); $(event.target).blur(); themeCanvas = $(event.target).parent().prev('.fzThemePreviewCanvas'); } else { themeCanvas = $(event.target).parents('.fzThemePreviewCanvas'); } if (themeCanvas.is('.fzThemePreviewCanvas')) { $('#widgetStyles .fzStylePreviewCanvas').addClass('invisibleBorder').removeClass('highlighted').fadeTo(500, 1); $('#popularThemes .fzThemePreviewCanvas.highlighted').addClass('invisibleBorder').removeClass('highlighted'); $('#wizardStep2aContentWrapper .tick').remove(); themeCanvas.addClass('highlighted').removeClass('invisibleBorder').fadeTo(500, 1); $('#popularThemes .fzThemePreviewCanvas.invisibleBorder').fadeTo(500, 0.5); $('#step2aHeader').after(''); $('#customStyle').addClass('hidden'); $('#wizardStep2b').removeClass('hidden'); loadStyle(themeCanvas); document.getElementById('container').scrollIntoView(true); } } var showCustomStyle = function(event) { if ($(event.target).is('#ownStyle') || $(event.target).is('#customStyleClose img')) { event.preventDefault(); $('#widgetStyles img').removeClass('highlighted'); $('#widgetStyles img').addClass('invisibleBorder'); $('#wizardStep2aContentWrapper .tick').remove(); $('#customStyle').toggle("slow"); $('#ownStyle').parent().after(''); $('#wizardStep2b').removeClass('hidden'); $('#ownStyle').blur(); } }; var showSize = function(event) { // make sure to only react for links if ($(event.target).is('a')) { event.preventDefault(); $(event.target).blur(); $('#sizes li a').removeClass('bold'); $(event.target).addClass('bold'); $('#step2bHeader').siblings('.tick').remove(); $('#step2bHeader').after(''); } if ($(event.target).is('#sizeDefault')) { $('#widget_width').val(widget_width); $('#widget_height').val(widget_height); $('#wizardStep2b1').hide("slow"); $('#wizardStep2b2').toggle("slow"); } else if ($(event.target).is('#sizeHelp')) { $('#wizardStep2b2').hide("slow"); $('#wizardStep2b1').toggle("slow"); } else if ($(event.target).is('#helpSizingClose img')) { event.preventDefault(); $('#wizardStep2b1').hide("slow"); } }; var showStep3Start = function(event) { if ($(event.target).is('#finishStep2') || $(event.target).is('#step3BubbleLink')) { event.preventDefault(); $('#wizardStep3').fadeIn(); $('#wizardStep2').fadeOut(); scrollToWizard(); } }; var showStep3Finish = function(event) { if ($(event.target).is('img')) { event.preventDefault(); $(event.target).parent().blur(); $('#step3Status') .empty() .html('
' + $('#dict_step3Loading').text() + '
');
if ($.browser.msie) { // fading transparent pngs in IE turns their transparent areas solid
$('#installBlog a img:not(#'+ $(event.target).attr('id') + ')')
.addClass('invisibleBorder').removeClass('highlighted');
$('#installSocial a img:not(#'+ $(event.target).attr('id') + ')')
.addClass('invisibleBorder').removeClass('highlighted');
$('#installWeb a img:not(#'+ $(event.target).attr('id') + ')')
.addClass('invisibleBorder').removeClass('highlighted');
$(event.target).addClass('highlighted').removeClass('invisibleBorder');
}
else {
$('#installBlog a img:not(#'+ $(event.target).attr('id') + ')')
.addClass('invisibleBorder').removeClass('highlighted').fadeTo(300, 0.5);
$('#installSocial a img:not(#'+ $(event.target).attr('id') + ')')
.addClass('invisibleBorder').removeClass('highlighted').fadeTo(300, 0.5);
$('#installWeb a img:not(#'+ $(event.target).attr('id') + ')')
.addClass('invisibleBorder').removeClass('highlighted').fadeTo(300, 0.5);
$(event.target).addClass('highlighted').removeClass('invisibleBorder').fadeTo(300, 1);
}
// generate widget code URL
code = $(event.target).attr('id').replace(/fzInstall_/, '');
var url = codeURL + '?' + 'id=' + style_id;
var $iFrame = $('')
.attr('src', generateFlashString(url))
.css({
'width' : '100%',
'height' : '250px',
'overflow' : 'hidden'
});
$('#widgetCode')
.empty()
.append($iFrame);
$('#wizardStep3bContent').fadeIn('fast', function() {document.getElementById('wizardStep3bContent').scrollIntoView(true);});
}
};
var copyWidgetCode = function(event) {
if ($(event.target).is('#widgetCodeCopyBtn')) {
$('#widgetCode textarea').select();
}
}
var showRelatedVideosHelp = function(event) {
if ($(event.target).is('#helpRelatedVideos')) {
event.preventDefault();
$('#helpRelatedVideos').blur();
$('#relatedVideosInfo').fadeIn("slow");
setTimeout(function() {$('#relatedVideosInfo').fadeOut("slow");}, 5000);
}
}
var moveWizard = function(){
var now = new Date();
if ((now.getTime() - lastScroll.getTime()) > 300) {
var widgetStart = 50;
var wizardStart = ($('#wizard').length > 0) ? $('#wizard').css('min-height') : $('#wizardNews').css('min-height');
wizardStart = wizardStart.replace(/px/, '');
var wizardHeight = ($('#wizard').length > 0) ? $('#wizard').height() : $('#wizardNews').height();
var scrollTop = $(window).scrollTop();
var space = (wizardHeight > wizardStart) ? wizardHeight - wizardStart : 0;
var travel = (scrollTop <= space) ? scrollTop + widgetStart : space + widgetStart;
var moveSmoothly = function() {
var pace = 2; // how often to move in milliseconds
var stride = 7; // how far to move
var jumpUp = 600; // up to what distance to jump up
var jumpDown = 300; // up to what distance to jump down
var pos = $('#widgetContainer').css('top');
// check if user changed their mind and scrolled elsewhere
if ((now.getTime() - lastScroll.getTime()) < 50) {
movingWizard = false; // abandon move
return true;
}
movingWizard = true; // show wizard is moving to avoid opposing scroll requests
pos = parseInt(pos.replace(/px/, ''));
if (pos == travel) { // we have arrived
movingWizard = false;
return true;
}
// 3 different speeds: for long distance jump, then slow down to travel speed, then parking speed
if (pos > travel) {
if ((pos - travel) > (jumpUp)) $('#widgetContainer').css('top', (travel+jumpUp) + 'px');
else if ((pos - travel) <= (stride * 6)) $('#widgetContainer').css('top', (pos-1) + 'px');
else $('#widgetContainer').css('top', (pos-stride) + 'px');
}
else if (pos < travel) {
if ((travel - pos) > (jumpDown)) $('#widgetContainer').css('top', (travel-jumpDown) + 'px');
else if ((travel - pos) <= (stride * 6)) $('#widgetContainer').css('top', (pos+1) + 'px');
else $('#widgetContainer').css('top', (pos+stride) + 'px');
}
setTimeout(moveSmoothly, pace);
}
// only request move to next location once the previous move is complete
if (!movingWizard) moveSmoothly();
else setTimeout(moveWizard, 100);
}
}
var sanitiseHex = function(hex) {
var validHex = /^[0-9a-f]{3,6}$/i;
if (!validHex.test(hex)) {
hex = hex.replace(/^\s\s*/, '').replace(/\s\s*$/, '').toLowerCase();
hex = hex.replace(/.{6}.+/gi, hex.substr(0,6));
hex = hex.replace(/[^0-9a-f]/gi, 'f');
}
if (hex.length < 6) {
switch (hex.length) {
case 0: hex = '000000';
break;
case 1:
hex += hex + hex + hex + hex + hex;
break;
case 2: hex += hex + hex;
break;
case 3:
hex = hex.charAt(0) + hex.charAt(0) + hex.charAt(1) + hex.charAt(1) + hex.charAt(2) + hex.charAt(2);
break;
case 4:
hex += hex.substr(2,2);
break;
case 5: hex += hex.charAt(4);
break;
}
}
return hex;
}
var updateBorderColor = function(event) {
if ($(event.target).is('.colorField input')) {
var hex = sanitiseHex($(this).val());
$(this).parent().siblings('.colorCurrent').css('background', '#' + hex);
target_id = $(event.target).attr('id');
//$('#debug').append(target_id + ' currently: ' + window[target_id] + ' set to: ' + event.target.value);
target_value = '#' + hex;
// for input values of 1, 3 or 6 digits update the widget, if we have a new color
if (($(this).val().length == 1 || $(this).val().length == 3 || $(this).val().length == 6) &&
window[target_id] != target_value) {
window[target_id] = target_value;
$(this).parent().siblings('.colorCube').ColorPickerSetColor(target_value);
updateWidgetPreview();
}
}
}
var showCustomStyleAdvancedOptions = function(event) {
if ($(event.target).is('#customStyleAdvancedOptions a')) {
event.preventDefault();
if ($('#show_summary input:radio:checked').val() == 'No') {
$('#customStyleSummaries').removeClass("advancedOption").hide();
}
$('#customStyleAdvancedOptions').fadeOut("slow");
$('.advancedOption').fadeIn("slow");
$('#customStyleBasicOptions').fadeIn("slow");
}
}
var showCustomStyleBasicOptions = function(event) {
if ($(event.target).is('#customStyleBasicOptions a')) {
event.preventDefault();
if ($('#showSummariesField input:radio:checked').val() == 'Yes') {
$('#customStyleSummaries').addClass("advancedOption");
}
$('.advancedOption').fadeOut("slow");
$('#customStyleBasicOptions').fadeOut("slow");
$('#customStyleAdvancedOptions').fadeIn("slow");
document.getElementById('ownStyle').scrollIntoView(true);
}
}
var showSubCatField = function() {
$('#keywordSearch').remove();
$('#cat2').fadeIn('slow');
$('#advancedSearch').fadeIn('slow');
$('#cat2').trigger('change');
}
var showSubCatSearch = function(event) {
if ($(event.target).is('#cat2Search a')) {
event.preventDefault();
$('#cat2').next('.tick').remove();
$('#cat2Search').parent().fadeOut('slow', function() {$(this).remove();});
$('#keywordSearch').fadeOut('slow', showSubCatField);
}
}
var processKeywordTagCloud = function(data) {
/*
BEGIN DEBUG
DEBUG only, take out for production environment.
*/
if (typeof(data) == 'string') {
try {
data = parseXML(data);
//$('#debug').append($('feedzillaWidget',data).find('version').text() + ''); data = $('feedzillaSuggest', data); } catch (e) { alert(e); } } /* END DEBUG */ $('#keywordTagCloud').remove(); if (!data.length) return; var suggest = $('') .appendTo('#keywordSearch'); $(data).find('keyword').each( function(keyIndex, keyword) { //$('#debug').append( $(keyword).text() + ' ' + $(keyword).attr('size') + '
'); $('' + $(keyword).text() + ' ') // space fixes ff line breaks .appendTo($(suggest)) .click( function(event) { event.preventDefault(); $('#keywordSearchField').val($(keyword).text()); applyKeywordSuggestion(); $('#keywordTagCloud').fadeOut('slow', function() { $(this).remove(); }); } ); } ); var close = $('').addClass('simpleWrapper').addClass('closeLink').appendTo($(suggest)); $('' + $('#dict_linkClose').text() + '') .appendTo($(close)) .css({'color' : '#666666', 'padding-right' : '5px'}) .click( function(event) { event.preventDefault(); $('#keywordTagCloud').fadeOut('slow', function() { $(this).remove(); }); } ); } /* // handles a click on the keyword tagcloud link by getting and processing an XML file var toggleKeywordTagCloud = function(event) { event.preventDefault(); $(event.target).blur(); if ($('#keywordTagCloud').length > 0) { $('#keywordTagCloud').fadeOut('slow', function() { $(this).remove(); }); } else { $.get('/en/v2/widgets/config/cat_tag_cloud.xml', processKeywordTagCloud, 'xml'); } } */ var toggleKeywordTagCloud = function(event) { event.preventDefault(); $(event.target).blur(); if ($('#keywordTagCloud').length > 0) { $('#keywordTagCloud').fadeOut('slow', function() { $(this).remove(); }); } else { var $suggest = $('') .appendTo('#keywordSearch'); $loadingDiv = makeLoadingDiv($suggest).insertBefore($suggest); var suggestSourceFile = '/news/tc/tc_html_' + news_category.replace(/\s/g, '_') + '.html'; $suggest.hide().load(suggestSourceFile, function() { $loadingDiv.remove(); $suggest.children('a').each( function(keyIndex, keyword) { //$('#debug').append( $(keyword).text() + ' ' + $(keyword).attr('size') + '
'); $(keyword) .click( function(event) { event.preventDefault(); $('#keywordSearchField').val($(keyword).text().replace(/"/g, '')); applyKeywordSuggestion(); $('#keywordTagCloud').fadeOut('slow', function() { $(this).remove(); }); } ); } ); var $close = $('').addClass('simpleWrapper').addClass('closeLink').appendTo($suggest); $('' + $('#dict_linkClose').text() + '') .appendTo($close) .css({'color' : '#666666', 'padding-right' : '5px'}) .click( function(event) { event.preventDefault(); $('#keywordTagCloud').fadeOut('slow', function() { $(this).remove(); }); } ); }); $suggest.fadeIn(); } } var applyKeywordSuggestion = function() { $('#wizardStep1b .tick').remove(); // get rid of all ticks first $('#keywordSearch label').hide(); if (news_keywords != $('#keywordSearchField').val()) { news_keywords = $('#keywordSearchField').val(); updateWidgetPreview(); } if (news_keywords) { $('') .hide() .addClass('tick') .insertAfter('#keywordSearchButton') .fadeIn(); $('#wizardStep1c').fadeIn(); } } var setSelectedSuggest = function(index) { selectedSuggest = index; if (typeof(selectedSuggest) == 'boolean') { return; } var suggestWords = $('#keywordSuggest ul').find('li').removeClass('keywordSelected'); if (selectedSuggest < 0) { // select none selectedSuggest = -1; return; } else if (selectedSuggest > suggestWords.length - 1) { selectedSuggest = suggestWords.length - 1; } suggestWords.eq(selectedSuggest).addClass('keywordSelected'); } var populateKeywordField = function() { if (typeof(selectedSuggest) != 'boolean' && selectedSuggest >= 0) { var keywords = $('#keywordSuggest ul').find('li').eq(selectedSuggest).text(); $('#keywordSearchField').val(keywords); setSelectedSuggest(-1); $('#keywordSuggest').fadeOut('slow', function() {$(this).remove()}); } else { news_keywords = $('#keywordSearchField').val(); setSelectedSuggest(-1); $('#wizardStep1b .tick').remove(); // get rid of all ticks first $('#keywordSuggest').fadeOut('slow', function() {$(this).remove()}); $('#cat2Search').after(''); $('#wizardStep1b .tick').fadeIn(); $('#wizardStep1c').fadeIn(); updateWidgetPreview(); } } var processKeywords = function(data) { /* BEGIN DEBUG DEBUG only, take out for production environment. */ if (typeof(data) == 'string') { try { data = parseXML(data); //$('#debug').append($('feedzillaWidget',data).find('version').text() + '
'); data = $('feedzillaSuggest', data); } catch (e) { alert(e); } } /* END DEBUG */ $('#keywordSuggest').remove(); setSelectedSuggest(-1); if (!data.length) return; $('') .appendTo('#keywordSearch'); var suggest = $('
'); $('
' +
'' +
'' +
'
')
.hide()
.css('zIndex', 5) // needed for IE7
.insertBefore('#advancedSearch')
.fadeIn('slow');
$('#keywordSearch label')
.click(
function() {
$('#keywordSearchField').trigger('focus');
}
);
if (populate) $('#keywordSearch label').hide();
$('#keywordSearchField')
.attr('autocomplete', 'off')
.focus(
function() {
$('#keywordSearch label').hide();
//getKeywords(); // keyword suggestion box, maybe used later
}
)
.click(
function() {
$('#keywordSearch label').hide();
}
)
.blur(
function() {
if ($('#keywordSearchField').val() == '') $('#keywordSearch label').show();
$('#keywordSuggest').fadeOut('slow', function() {$(this).remove()});
}
)
.keypress(
function(event) {
var keycode = (event.which) ? event.which : event.keyCode;
if (keycode == 13) { // ENTER
event.preventDefault();
//populateKeywordField(); // keyword suggestion box, maybe used later
applyKeywordSuggestion();
}
else if (keycode == 39) { // Arrow Right
event.preventDefault();
//populateKeywordField(); // keyword suggestion box, maybe used later
}
else if (keycode == 27) { // ESC
event.preventDefault();
$('#keywordSuggest').fadeOut('slow', function() {$(this).remove()});
setSelectedSuggest(-1);
}
}
);
//.keyup(getKeywords); // keyword suggestion box, maybe used later
if (populate) {
$('#keywordSearchField').val(news_keywords).text(news_keywords);
}
$('')
.appendTo('#keywordSearch');
$('' + $('#dict_keywordSearchButton').text() + '')
.appendTo('#keywordSearchButton')
.click(
function(event) {
event.preventDefault();
$(this).blur();
applyKeywordSuggestion();
}
);
var nextLine = $('')
.addClass('clearWrapper')
.appendTo('#keywordSearch');
$('')
.addClass('searchOption')
.appendTo($(nextLine))
.fadeIn('slow')
.click(toggleKeywordTagCloud);
$('')
.addClass('searchOption')
//.insertAfter('#keywordSearch')
.appendTo($(nextLine))
.fadeIn('slow')
.click(showSubCatSearch);
}
var showKeywordSearch = function(event) {
if ($(event.target).is('#advancedSearch a')) {
event.preventDefault();
$('#advancedSearch')
.hide()
.next('.tick')
.remove();
$('#cat2').fadeOut('fast', function() { showKeywordField(false); });
$('#wizardStep1c').fadeOut();
}
}
var toggleSummaries = function(event) {
if ($(event.target).is('#show_summary input:radio') &&
$('#show_summary input:radio:checked').val() != show_summary &&
$('.advancedOption').is(":visible")) {
if ($('#show_summary input:radio:checked').val() == 'Yes') {
$('#customStyleSummaries').fadeIn("slow");
}
else if ($('#show_summary input:radio:checked').val() == 'No') {
$('#customStyleSummaries').fadeOut("slow");
}
}
}
var toggleMediaSourceColor = function(event) {
if ($(event.target).is('#show_summary_source input:radio') &&
$('#show_summary_source input:radio:checked').val() != show_summary_source &&
$('.advancedOption').is(":visible")) {
if ($('#show_summary_source input:radio:checked').val() == 'Yes') {
$('#mediaSourceColor').fadeIn("slow");
}
else if ($('#show_summary_source input:radio:checked').val() == 'No') {
$('#mediaSourceColor').fadeOut("slow");
}
}
}
var toggleDateColor = function(event) {
if ($(event.target).is('#show_summary_date input:radio') &&
$('#show_summary_date input:radio:checked').val() != show_summary_date &&
$('.advancedOption').is(":visible")) {
if ($('#show_summary_date input:radio:checked').val() == 'Yes') {
$('#dateColorField').fadeIn("slow");
}
else if ($('#show_summary_date input:radio:checked').val() == 'No') {
$('#dateColorField').fadeOut("slow");
}
}
}
var applyCustomStyleChange = function(event) {
var target_id = null;
var target_value = event.target.value;
if ($(event.target).is('input:radio')) {
target_id = $(event.target).parent().attr('id');
$('#' + target_id + ' input:radio:checked').blur();
//$('#debug').append(target_id + ' currently: ' + window[target_id] + ' set to: ' + event.target.value);
if (window[target_id] != target_value) { // only update real change
window[target_id] = target_value;
updateWidgetPreview();
}
}
else if ($(event.target).is('input:text')) {
target_id = $(event.target).attr('id');
//$('#debug').append(target_id + ' currently: ' + window[target_id] + ' set to: ' + event.target.value);
if (target_id == 'headers_text') {
if (window[target_id] != target_value) {
window[target_id] = target_value;
updateWidgetPreview();
}
}
else {
target_value = '#' + target_value; // color fields are hex
if (window[target_id] != target_value) {
window[target_id] = target_value;
$('#' + target_id).parent().siblings('.colorCube').ColorPickerSetColor(target_value);
updateWidgetPreview();
}
}
}
else if ($(event.target).is('select')) {
target_id = $(event.target).attr('id');
//$('#debug').append(target_id + ' currently: ' + window[target_id] + ' set to: ' + event.target.value);
if (window[target_id] != target_value) { // only update real change
$('#' + target_id).blur(); // blur on change only
window[target_id] = target_value;
updateWidgetPreview();
}
}
}
var applyCommonSize = function(event) {
if ($(event.target).is('a')) {
event.preventDefault();
target_id = $(event.target).attr('id');
$('#helpSizingCommonSizes .commonSizes li a').removeClass('bold');
$('#' + target_id).blur().addClass('bold');
// common size id format (eg size200x400) allows regex use to find size
var size = target_id.match(/\d+/g, '');
applyWidgetResize(size[0], size[1]);
}
return false; // stop event-propagation
}
var applyCustomSize = function(event) {
if ($(event.target).is('a')) {
event.preventDefault();
$(event.target).blur();
}
var chosen_width = $('#widget_width').val();
var chosen_height = $('#widget_height').val();
applyWidgetResize(chosen_width, chosen_height);
return false;
}
var applyPresetSize = function(event) {
$(event.target).blur();
target_val = $('#presetSize').val();
$('#helpSizingCommonSizes .commonSizes li a').removeClass('bold'); // in case a common size was previously selected
// common size id format (eg size200x400) allows regex use to find size
var size = target_val.match(/\d+/g, '');
applyWidgetResize(size[0], size[1]);
return false; // stop event-propagation
}
/*
@param bool submit:
- false if we only check for validity
- true if we also submit
*/
var validateEmailField = function(submit) {
var email = $('#emailThemeField').val();
if (email.match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)) {
if (submit) {
var postURL = '/widgets/se.asp';
var postParams = {email : email, id : style_id}; //'email=' + email + '&id=' + style_id
$('#emailTheme > *').remove();
$('')
.addClass('loading')
.appendTo($('#emailTheme'))
.html('')
.load(postURL, postParams, function() {
$(this).removeClass('loading').find('.loadingPic').remove();
$(this).css('text-align', 'left').fadeIn();
//setTimeout( function() {$('#emailTheme').fadeOut('slow', function() { $(this).remove() })}, 5000);
});
}
}
else if (submit) {
$('#emailTheme p').remove();
$('' + $('#dict_emailThemeFail').text() + '
') .hide().appendTo($('#emailTheme')).fadeIn('slow'); } } var showEmailThemeForm = function(event) { event.preventDefault(); $(event.target).blur(); if ($('#emailTheme').length > 0) { $('#emailTheme').fadeOut('slow', function() { $(this).remove() }); return false; } $('' +
'' +
'' +
'
')
.hide()
.appendTo('#flashInstructions')
.fadeIn('slow');
$('#emailTheme label')
.click(
function() {
$('#emailThemeField').trigger('focus');
}
);
$('#emailThemeField')
.attr('autocomplete', 'off')
.focus(
function() {
$('#emailTheme label').hide();
getKeywords();
}
)
.click(
function() {
$('#emailTheme label').hide();
}
)
.blur(
function() {
if ($('#emailThemeField').val() == '') $('#emailTheme label').show();
}
)
.keypress(
function(event) {
var keycode = (event.which) ? event.which : event.keyCode;
if (keycode == 13) { // ENTER
event.preventDefault();
validateEmailField(true);
}
}
)
.keyup(validateEmailField(false));
$('')
.appendTo('#emailTheme');
$('' + $('#dict_emailThemeButtonSubmit').text() + '')
.appendTo('#emailThemeButton')
.click(
function(event) {
event.preventDefault();
$(this).blur();
validateEmailField(true);
}
);
$('')
.html($('#dict_emailThemeInfo1').text() + '') .appendTo('#emailTheme'); $('') .html($('#dict_emailThemeInfo2').text() + '
') .appendTo('#emailTheme'); $('') .html($('#dict_emailThemeInfo3').text()) .appendTo('#emailTheme'); } var hideSizes = function(event) { event.preventDefault(); $('#wizardStep2b2').hide('slow'); return false; } var customStyleUpdateButtonAction = function(event) { if ($(event.target).is('a')) { event.preventDefault(); $(event.target).blur(); } return false; // stop event delegation } // Begin PopOut Code /*var viewport = { o: function() { if (self.innerHeight) { this.pageYOffset = self.pageYOffset; this.pageXOffset = self.pageXOffset; this.innerHeight = self.innerHeight; this.innerWidth = self.innerWidth; } else if (document.documentElement && document.documentElement.clientHeight) { this.pageYOffset = document.documentElement.scrollTop; this.pageXOffset = document.documentElement.scrollLeft; this.innerHeight = document.documentElement.clientHeight; this.innerWidth = document.documentElement.clientWidth; } else if (document.body) { this.pageYOffset = document.body.scrollTop; this.pageXOffset = document.body.scrollLeft; this.innerHeight = document.body.clientHeight; this.innerWidth = document.body.clientWidth; } return this; }, init: function(el) { $(el).css("left",Math.round(viewport.o().innerWidth/2) + viewport.o().pageXOffset - Math.round($(el).width()/2)); $(el).css("top",Math.round(viewport.o().innerHeight/2) + viewport.o().pageYOffset - Math.round($(el).height()/2)); } }; // internal pop out var showWidgetPopOut = function(event) { event.preventDefault(); $(event.target).blur(); $(".simple_popup_div").remove(); var previewCopy = $('#widgetContainer').clone(); previewCopy.attr('id', 'widgetContainerPopOut'); previewCopy.css({'top' : '0', 'left' : '0'}); previewCopy.find('#fzWidgetPreview').removeAttr('id'); previewCopy.find('#widgetPopOut').remove(); var closeButton = $('').insertAfter(previewCopy.find('h2')); $('
')
.appendTo(closeButton)
.click(function() {
$('.simple_popup_div').fadeOut('fast', function() { $(this).remove(); });
$('#widgetContainerPopOutBg').fadeOut('fast', function() { $(this).remove(); });
$('#fzWidgetPreview').show();
return false;
}
);
var wrapper = $('').hide().appendTo('body');
var inner = $('').appendTo(wrapper);
inner.append(previewCopy);
$('').fadeTo('fast', 0.7).appendTo('body');
viewport.init(".simple_popup_div");
wrapper.show();
$('#fzWidgetPreview').hide();
return false;
}
*/
var populateWidgetPopOutExt = function(previewWindow) {
var previewWrapperStyle = 'style="' +
'width:' + $('.fzWidget').css('width') + '; ' +
'"';
fzWidgetCopy = '';
//var debug = 'css width: ' + $('#fzWidgetPreview').css('width') + '' + // ' attr width: ' + $('#fzWidgetPreview').attr('width') + '
' + // ' css height: ' + $('#fzWidgetPreview').css('height') + '
' + // ' attr height: ' + $('#fzWidgetPreview').attr('height'); //$('#debug').html(debug); var cssPath = (r_lang == 'us') ? '/css' : '/en/v2/css'; var imgPath = (r_lang == 'us') ? '/img2' : '/en/v2/img2'; var previewHTML = '' + '' + '' + '' + '
' + $('#dict_previewTitle').text() + '
' +
'
' + fzWidgetCopy + '
' +
'' +
'';
previewWindow.document.write(previewHTML);
previewWindow.document.close();
previewWindow.focus();
}
/* This is another version of the populateWidgetPopOutExt function which is more elegant, but does not work for IE
var populateWidgetPopOutExt = function(previewWindow) {
var previewHTML =
'' +
'' +
'' +
'' +
'Your Widget Preview
' +
'
Number: ' + slideNo); if ($('a', slides[slideNo]).length > 0) slides[slideNo].append(' • '); slides[slideNo].append($(link)); //$('#debug').append(index + ': ' + index % groupSize + ' link ' + $(link).text() +'
'); }); if (slidesNo > 1) { // navigation for the slides, so they actually slide var $nav = $('') .insertAfter($slideWrapper); $.each(slides, function(index, slide) { // create navigation links var slideNo = index + 1; $('') .attr({ id : 'hotKeywordsNavigationLink' + index, href : '#', title : slideNo }) .addClass('hotKeywordsNavigationLink') .text(slideNo) .click(function(event) { event.preventDefault(); $(this).blur().addClass('bold'); $.each(slides, function(sIndex, sVal){ // hide other slides if (sIndex != index) { sVal.hide(); $('#hotKeywordsNavigationLink' + sIndex).removeClass('bold'); } }); slide.fadeIn(); return false; // stop event propagation }) .appendTo($nav); }); $('#hotKeywordsNavigationLink0').addClass('bold'); } /* var backButton = $('
')
.hide()
.appendTo($nav)
.click(function(event){
event.preventDefault();
$(this).blur();
$('#buttonHotKeywordsNext').show();
if (slides[0].is(':visible')) {
return false; // we are showing the first slide, do nothing
}
$.each(slides, function(slideIndex, slide) {
if (slide.is(':visible')) {
slide.hide();
slides[slideIndex-1].fadeIn();
}
});
if (slides[0].is(':visible')) $('#buttonHotKeywordsBack').hide();
return false;
});
var nextButton = $('
')
.appendTo($nav)
.click(function(event){
event.preventDefault();
$(this).blur();
backButton.show();
if (slides[slidesNo-1].is(':visible')) {
return false; // we are showing the last slide, do nothing
}
//$('.hotKeywordSlide', $slideWrapper).each(function(slideIndex, slide) {
$.each(slides, function(slideIndex, slide) {
if (slide.is(':visible')) { // current slide
//$('#debug').append(slideIndex + ': visible');
slide.hide();
slides[slideIndex+1].fadeIn();
if (slides[slidesNo-1].is(':visible')) $('#buttonHotKeywordsNext').hide();
return false; // exit loop
}
});
return false;
});
*/
slides[0].show();
$('#hotKeywords').unbind('click');
$('.hotKeywordSlideWrapper').click(showHotKeyword);
$linksContainer.remove();
}
/*
// this function scrolls the hot keywords, but the surrounding container appears to "shiver"
var initHotKeywords = function() {
var groupSize = 40; // how many links should be displayed in one slide
var $linksContainer = $('#hotKeywords > .moreContentWrapper > .moreContent');
var $links = $linksContainer.find('a');
var slidesNo = Math.ceil($links.length / groupSize);
var slides = new Array(slidesNo);
// make a container for the slides
var $slideWrapper = $('')
.addClass('hotKeywordSlideWrapper')
.insertAfter($linksContainer);
// make the slides and append to wrapper
for (var i=0; iNumber: ' + slideNo); if (index%groupSize != 0) slides[slideNo].append(' • '); slides[slideNo].append($(link)); //$('#debug').append(index + ': ' + index % groupSize + '
'); }); // navigation for the slides, so they actually slide var $nav = $('') .insertAfter($slideWrapper); var backButton = $('Prev') .appendTo($nav) .click(function(event){ event.preventDefault(); $(this).blur(); if (parseInt(slides[0].css('top').replace(/px/, '')) == 0) { return false; // we are showing the first slide, do nothing } $.each(slides, function(slideIndex, slide) { if (slide.css('top') == '-470px') { slide.animate({top : '0px'}, {duration: 1000}); } else if (slide.css('top') == '0px') { // current slide slide.animate({top : '470px'}, {duration: 1000}); } else { var top = parseInt(slide.css('top').replace(/px/, '')); var targetTop = top + 460; slide.css('top', targetTop + 'px'); } }); return false; }); var nextButton = $('Next') .appendTo($nav) .click(function(event){ event.preventDefault(); $(this).blur(); if (parseInt(slides[slidesNo-1].css('top').replace(/px/, '')) == 0) { return false; // we are showing the last slide, do nothing } //$('.hotKeywordSlide', $slideWrapper).each(function(slideIndex, slide) { $.each(slides, function(slideIndex, slide) { if (slide.css('top') == '0px') { // current slide slide.animate({top : '-470px'}, {duration: 500}); } else if (slide.css('top') == '470px') { slide.animate({top : '0px'}, {duration: 500}); } else { var top = parseInt(slide.css('top').replace(/px/, '')); var targetTop = top - 460; slide.css('top', targetTop + 'px'); } }); return false; }); $('#hotKeywords').unbind('click'); $('.hotKeywordSlide').click(showHotKeyword); $linksContainer.remove(); } */ var loadWizardKeywords = function(target_cat, target_keywords) { news_category = target_cat; document.getElementById('container').scrollIntoView(true); // hide wizard steps 2 & 3 and show step 1 $('#wizardStep1').fadeIn(); $('#wizardStep2').fadeOut(); $('#wizardStep3').fadeOut(); // select top category $('#stepBubble1').fadeOut(); $('#topic .tick').remove(); $('#cat option[value="' + news_category + '"]')[0].selected = true; news_subcategory = ''; // open wizard with topcat selected and keywords entered news_keywords = target_keywords; // do this after showing subcats showKeywordField(true); // only creates the field $('#keywordSearchField') .trigger('focus') .val(news_keywords); // insert new keywords showStep1SubCat(''); $('#wizardStep1b .tick').remove(); $('') .hide() .addClass('tick') .insertAfter('#keywordSearchButton') .fadeIn(); } var loadWizardSubCat = function(target_cat, target_subcat) { news_keywords = ''; news_category = target_cat; news_subcategory = target_subcat; $('#keywordSearch').remove(); document.getElementById('container').scrollIntoView(true); // hide wizard steps 2 & 3 and show step 1 $('#wizardStep1').fadeIn(); $('#wizardStep2').fadeOut(); $('#wizardStep3').fadeOut(); // select top category $('#stepBubble1').fadeOut(); $('#topic .tick').remove(); // see if we can find the top cat in our list $('#cat option').each(function(index, option) { $option = $(option); // compare case-insensitive if ($option.val().toLowerCase() == news_category.toLowerCase()) { news_category = $option.val(); // choose top cat from our list to ensure we have a valid top cat $('#cat option[value="' + news_category + '"]')[0].selected = true; } }); // open wizard with topcat selected and subcategory chosen showStep1SubCat(news_subcategory); $('#wizardStep1b .tick').remove(); $('#advancedSearch').show(); $('') .hide() .addClass('tick') .insertAfter('#advancedSearch') .fadeIn(); $('#wizardStep1c').fadeIn(); } var showHotKeyword = function(event) { if ($(event.target).is('a')) { event.preventDefault(); $(event.target).blur(); // in JS topCat is stored with spaces var target_cat = $(event.target).attr('id').replace(/fzTopCat/, '').replace(/_/g, ' ').toLowerCase(); // see if we find a valid news_category that matches using case-insensitive comparison target_cat = $('#cat option').filter(function () { return $(this).val().toLowerCase() == target_cat; }).val(); var target_keywords = $(event.target).text().replace(/"/g, ''); var updatePreview = false; if (!target_cat) target_cat = news_category; // when no category is given, default to current news cat //$('#debug').text('cat: ' + news_category + ' new cat: ' + target_cat + ' kws: ' + news_keywords + ' new kws: ' + target_keywords); if (target_cat && !( news_category == target_cat && $('#cat2 :selected').val() == '' && news_keywords == target_keywords)) { updatePreview = true; } loadWizardKeywords(target_cat, target_keywords); if (updatePreview) updateWidgetPreview(); return false; // prevent further event delegation } } var showTopTopic = function(event) { if ($(event.target).is('a')) { event.preventDefault(); $target_a = $(event.target); $target_a.blur(); var target_cat = $target_a.parent().parent().prev('h3').text(); // top cat of this section var target_subcat = $target_a.text(); var updatePreview = false; if ($('#topTopicsLocal').length > 0) { // find the translation of the top cat target_cat = $('#cat > option:contains(' + target_cat + ')').val(); } //$('#debug').html('cat: ' + news_category + '
new cat: ' + target_cat + '
subcat: ' + news_keywords + '
new subcat: ' + target_subcat); if (target_cat && !( $('#cat :selected').val().toLowerCase() == target_cat.toLowerCase() && $('#cat2 :selected').val().toLowerCase() == target_subcat.toLowerCase())) { updatePreview = true; } loadWizardSubCat(target_cat, target_subcat); if (updatePreview) updateWidgetPreview(); return false; // prevent further event delegation } } var loadTopTopicsLocal = function() { var defaults = ['Top News', 'Entertainment', 'Music', 'Sports', 'World News', 'Celebrities', 'Internet', 'Politics', 'Local News', 'Health', 'Blogs', 'Technology', 'IT']; var numCategories = $('#cat > option[value!=""]').size(); var col1 = $('').addClass('moreContentCol').appendTo('#topTopicsLocal .moreContent'); var col2 = $('').addClass('moreContentCol').appendTo('#topTopicsLocal .moreContent'); var colBoundary = 1; var initialSpaces = 5; var maxSpaces = 5; var matchedCats = []; if (numCategories == 0) { return false; // this should never happen } if (numCategories < 10) { // use all categories if (numCategories > 1) colBoundary = Math.floor(numCategories/2); initialSpaces = Math.floor(25 / colBoundary); maxSpaces = initialSpaces; $.each($('#cat > option[value!=""]'), function(i, v) { matchedCats.push($(v).val()); }); } else { // use as many defaults as possible, then remaining ones colBoundary = 5; numCategories = 10; $.each(defaults, function(index, value) { // match all default cats first if ( $('#cat > option[value="' + value + '"]').length > 0 ) { matchedCats.push(value); if (matchedCats.length > 9) return false; // exit each loop } }); $('#cat > option').each(function(i, v){ // fill up matches with remaining cats if (matchedCats.length > 9) return false; // exit each loop var matchedCat = $(v).val(); if ( matchedCat && $.inArray(matchedCat, matchedCats) == -1 ) { // any value not duplicate matchedCats.push(matchedCat); } }); } // generate the headings and lists with links $.each(matchedCats, function(i, v){ var $v = $('#cat > option[value="' + v + '"]'); // get subcats var file = subcategoriesFile + 'list_media_' + v.replace(/\s/g, '_').toLowerCase() + '.xml'; $.get(file, function(data) { var $ul = processSubCatsForTopTopicsLocal(data, maxSpaces); // adjust number of spaces based on the size of the previous list if ((i == (colBoundary-1)) && (numCategories > colBoundary)) { initialSpaces = Math.floor(25 / (numCategories - colBoundary)); maxSpaces = initialSpaces; } else maxSpaces = initialSpaces + maxSpaces - $ul.children().size(); if (i < colBoundary) { $('') .text($v.text()) .appendTo(col1) .after($ul); } else { $('') .text($v.text()) .appendTo(col2) .after($ul); } }, 'xml'); }); $('#topTopicsLocal').click(showTopTopic); } var hideCatBubble = function(event) { event.preventDefault(); $('#stepBubble1').fadeOut(); //$('#cat').attr('size', $('#cat').attr('length')).css('height', '100%'); // looks ugly and distorts } var removeLanguageChooser = function() { clearTimeout(timeOutLanguageChooser); $('#countrySelector').fadeOut('fast', function() { $(this).remove(); }); } var showLanguageChooser = function(event) { var excludeCountry = r_lang; // exclude current country from options $('#languageChooser').blur(); if ($('#countrySelector').is(":visible")) { if ($(event.target).is('#languageChooser')) { event.preventDefault(); $('#countrySelector').fadeOut('fast', function() { $(this).remove(); }); } } else { event.preventDefault(); // each flag needs 36 px (22 px width + 1 px border + 1 px padding + 5 px margin) // then 10 px outside for the left and right margins // and 15 px for the close button var selectorWidth = 36 * (fzCountries.length - 1) + 25; var selectorDiv = $('') .hide() .css('width', selectorWidth + 'px') .appendTo('#languageChooser'); var flags = $('
')
.appendTo(closeItem)
.click(function(event) { $('#countrySelector').fadeOut('fast', function() { $(this).remove(); }); });
selectorDiv
.append(flags)
.fadeIn()
.mouseover(function() { clearTimeout(timeOutLanguageChooser); });
}
}
/*
Checks if there are any loading params set and updates the wizard and preview
with category and subcategory or keywords, the latter take priority in case both
are set.
*/
var loadWizardParams = function() {
var targetCat = $('#fz_v_cat').text();
var targetSubCat = $('#fz_v_cat2').text();
var targetKeywords = $('#fz_v_kw').text();
var targetC = $('#fz_c').text();
var targetKwd = $('#fz_kwd').text();
if (targetC) {
c = targetC;
if (targetKwd) kwd = targetKwd;
}
if (targetCat) {
if (targetKeywords) { // set keywords
loadWizardKeywords(targetCat, targetKeywords);
}
else { // set subcategory
loadWizardSubCat(targetCat, targetSubCat);
}
//$('#debug').text(news_category + ': ' + news_subcategory + ' given cat: ' + targetCat + ' subcat: ' + targetSubCat);
updateWidgetPreview();
}
}
// perform initial setup
$('.tick').remove();
$('#wizardStep1b').addClass('hidden');
$('#wizardStep1c').addClass('hidden');
$('#wizardStep2b1').addClass('hidden');
$('#wizardStep2b').addClass('hidden');
$('#wizardStep2').addClass('hidden');
$('#wizardStep3bContent').addClass('hidden');
$('#wizardStep3').addClass('hidden');
generateStyleId();
loadStart();
initPreviewStyles();
$('#popularThemes .moreContent').html(''); // clear moreContent
if ($('#wizard').is(':visible')) { // only for the main page, not the news page
initPopularThemes();
$('#popularThemes').click(showThemeFinish);
}
// read hot keywords and split into slides
if ($('#hotKeywords').length > 0) initHotKeywords();
if ($('#tagCloud').length > 0) $('#tagCloud').click(showHotKeyword);
if ($('#tagCloudMain').length > 0) $('#tagCloudMain').click(showHotKeyword);
if ($('#helpRelatedVideos').length > 0) $('#helpRelatedVideos').click(showRelatedVideosHelp);
if ($('#topTopics').length > 0) $('#topTopics').click(showTopTopic);
// define event handlers
$('#cat').change(showStep1Start);
$('#cat2').change(showStep1Finish);
$('#finishStep1').click(showStep2Start);
$('.step1Edit').click(step1Edit);
$('#step2Edit').click(step2Edit);
$('#widgetStyles').click(showStyleFinish);
$('#ownStyle, #customStyleClose').click(showCustomStyle);
$('#helpSizingCommonSizes .commonSizes').click(applyCommonSize);
$('#presetSize').change(applyPresetSize);
$('#sizesClose').click(hideSizes);
$('#sizes, #helpSizing').click(showSize);
$('#finishStep2').click(showStep3Start);
$('#installBlog').click(showStep3Finish);
$('#installSocial').click(showStep3Finish);
$('#installWeb').click(showStep3Finish);
$('#widgetCodeCopyBtn').click(copyWidgetCode);
$('#customStyleAdvancedOptions').click(showCustomStyleAdvancedOptions);
$('#customStyleBasicOptions').click(showCustomStyleBasicOptions);
$('#show_summary').change(toggleSummaries); // doesn't get fired in IE
$('#show_summary_source').change(toggleMediaSourceColor); // doesn't get fired in IE
$('#show_summary_date').change(toggleDateColor); // doesn't get fired in IE
$('#customStyleContent').change(applyCustomStyleChange); // doesn't get fired in IE
$('.colorField input').keyup(updateBorderColor);
$('#advancedSearch').click(showKeywordSearch);
$('#customSizeUpdateButton').click(applyCustomSize).hover(
function() { $(this).addClass('hoverClickable'); },
function() { $(this).removeClass('hoverClickable'); }
);
$('#emailThemeLink, #emailThemeLinkPicture').click(showEmailThemeForm);
$('.customStyleUpdateButton').click(customStyleUpdateButtonAction);
$('#widgetPopOut').click(showWidgetPopOutExt);
//$('#hotKeywords').click(showHotKeyword);
$('input:radio').hover(
function() { $(this).addClass('hoverClickable'); },
function() { $(this).removeClass('hoverClickable'); }
);
$('#catBubbleLink').click(hideCatBubble);
$('#cat2BubbleLink').click(showStep2Start);
$('#step3BubbleLink').click(showStep3Start);
$('#languageChooser').click(showLanguageChooser)
.hover(
function() {
clearTimeout(timeOutLanguageChooser);
if ($('#countrySelector').length == 0) $(this).trigger('click');
},
function() { timeOutLanguageChooser = setTimeout(removeLanguageChooser, 2000); });
// IE8 and below don't support bubbling of change events
if ($.browser.msie) {
$('#show_summary').click(toggleSummaries);
$('#show_summary_source').click(toggleMediaSourceColor);
$('#show_summary_date').click(toggleDateColor);
$('#customStyleContent').click(applyCustomStyleChange);
$('#customStyleContent input:text').blur(applyCustomStyleChange);
}
$('#borderColorCube, #borderColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#borderColorCurrent').ColorPickerSetColor($('#color_border').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#borderColorCube').ColorPickerSetColor($('#color_border').val());
$('#borderColorCurrent').css('background', '#' + $('#color_border').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#borderColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#color_border').val(hex);
$('#color_border').trigger('change');
}
});
$('#bgColorCube, #bgColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#bgColorCurrent').ColorPickerSetColor($('#color_background').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#bgColorCube').ColorPickerSetColor($('#color_background').val());
$('#bgColorCurrent').css('background', '#' + $('#color_background').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#bgColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#color_background').val(hex);
$('#color_background').trigger('change');
}
});
$('#headerFontColorCube, #headerFontColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#headerFontColorCurrent').ColorPickerSetColor($('#color_font_headers').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#headerFontColorCube').ColorPickerSetColor($('#color_font_headers').val());
$('#headerFontColorCurrent').css('background', '#' + $('#color_font_headers').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#headerFontColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#color_font_headers').val(hex);
$('#color_font_headers').trigger('change');
}
});
$('#titleFontColorCube, #titleFontColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#titleFontColorCurrent').ColorPickerSetColor($('#color_font_title').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#titleFontColorCube').ColorPickerSetColor($('#color_font_title').val());
$('#titleFontColorCurrent').css('background', '#' + $('#color_font_title').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#titleFontColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#color_font_title').val(hex);
$('#color_font_title').trigger('change');
}
});
$('#summaryFontColorCube, #summaryFontColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#summaryFontColorCube').ColorPickerSetColor($('#summaryFontColorCurrent').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#summaryFontColorCube').ColorPickerSetColor($('#color_font').val());
$('#summaryFontColorCurrent').css('background', '#' + $('#color_font').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#summaryFontColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#color_font').val(hex);
$('#color_font').trigger('change');
}
});
$('#summarySourceFontColorCube, #summarySourceFontColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#summarySourceFontColorCurrent').ColorPickerSetColor($('#color_media_source').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#summarySourceFontColorCube').ColorPickerSetColor($('#color_media_source').val());
$('#summarySourceFontColorCurrent').css('background', '#' + $('#color_media_source').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#summarySourceFontColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#color_media_source').val(hex);
$('#color_media_source').trigger('change');
}
});
$('#summaryDateFontColorCube, #summaryDateFontColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#summaryDateFontColorCurrent').ColorPickerSetColor($('#color_date').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#summaryDateFontColorCube').ColorPickerSetColor($('#color_date').val());
$('#summaryDateFontColorCurrent').css('background', '#' + $('#color_date').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#summaryDateFontColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#color_date').val(hex);
$('#color_date').trigger('change');
}
});
$('#relatedLinksFontColorCube, #relatedLinksFontColorCurrent').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$('#relatedLinksFontColorCurrent').ColorPickerSetColor($('#related_color').val());
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
$('#relatedLinksFontColorCube').ColorPickerSetColor($('#related_color').val());
$('#relatedLinksFontColorCurrent').css('background', '#' + $('#related_color').val());
return false;
},
onChange: function (hsb, hex, rgb) {
$('#relatedLinksFontColorCurrent').css('background', '#' + hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
$('#related_color').val(hex);
$('#related_color').trigger('change');
}
});
// it would be much nicer like this...
/*
$('#bgColorCube, #borderColorCube').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$(colpkr).fadeIn("slow");
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut("slow");
return false;
},
onChange: function (hsb, hex, rgb, el) {
$(el).siblings('.colorCurrent').css('background', '#' + hex);
$(el).siblings('.colorField input').val(hex);
},
onSubmit: function(hsb, hex, rgb, el) {
$(el).ColorPickerHide();
}
});
*/
$(window).scroll(function(){
lastScroll = new Date(); // update the last scroll time
clearTimeout(t); // remove scheduled task
t = setTimeout(moveWizard, 500);
});
});