helptext
/***********************************************
 * File: createAdone.js 
 * Author: Matt Fraser
 * Date: January 2009
 * Purpose: Gives us a nice dynamic ad designer
 * ********************************************/

 
 
 if (!document.getElementsByClassName) {
	document.getElementsByClassName = function (cn) { 
		var rx = new RegExp("(?:^|\\s)" + cn+ "(?:$|\\s)");
		var allT = document.getElementsByTagName("*"), allCN = [],ac="", i = 0, a;
			while (a = allT[i=i+1]) {
			  ac=a.className;
			  if ( ac && ac.indexOf(cn) !==-1) {
				if(ac===cn){ allCN[allCN.length] = a; continue;   }
				rx.test(ac) ? (allCN[allCN.length] = a) : 0;
			  }
			}
		return allCN;
	}
}
 
 
 
/* GLOBALS */
var form ="";
var inputs = "";
var publication = "";
var publicationinputs = "";
var classes = "";
var classesoptions = "";

var classesinputs = "";

var titleText = "";
var bodyText = "";
var footerText = "";
var selectedpublication = "";
var selectedclass = "";
var caldiv = "";
var cal = "";
var datechooser = ""; 
var submitBtn = "";
var allpubserror = "";
var classmessage = "" //PVT
var resp = "";
var badwords = "";
var helptext = "";
var helpimg = "";
var orighelptext = "";

var dealspans = {};
dealspans['Four+for+Three'] = 4;
dealspans['Half+Price+Monday'] = 3;
dealspans['3+Day+Deal'] = 3;
dealspans['25+Dollar+Birthday+Deal'] = 1;

var maxchars = {};
maxchars['Half+Price+Monday'] = 200;
maxchars['3+Day+Deal'] = 200;
maxchars['25+Dollar+Birthday+Deal'] = 200;

var helptexts = {};
helptexts['Otago+Daily+Times'] = "The ODT is Otago's most popular newspaper. Read by over 92,000 people every day throughout Otago and the lower South Island.";
helptexts['The+News+Alexandra'] = "The News covers the Central Otago area from Alexandra to Wanaka.";
helptexts['The+Star'] = "The Star is Dunedin's number one community newspaper.  Delivered to all homes and around the city of Dunedin, The Star is read by 58,000 people every week.";
helptexts['Gore+Ensign'] = "The Gore Ensign is delivered free throughout Eastern Southland, Northern Southland and West Otago twice weekly on Wednesday and Friday.";
helptexts['Timaru+Courier'] = "The Timaru Courier covers the Timaru and surrounding areas.";
helptexts['Southland+Express'] = "The Southland Express is delivered throughout Invercargill and surrounding areas.";
helptexts['Hurunui+News'] = "The News (North Canterbury) covers the Hurunui, Kaikoura and Waimakariri areas north of Christchurch.";
helptexts['Queenstown+Times'] = "Advertise in the Queenstown Times - a Tuesday insert in the Otago Daily Times delivered throughout the Wakatipu area.";
helptexts['Four+for+Three'] = "The Four for Three deal allows you to place the same ad four times within a six day period in the Otago Daily Times and receive the last ad free. No refunds available, however, you can cancel your ad at any time by calling us on (03)477-8000.";
helptexts['Half+Price+Monday'] = "The Half Price Weekday deal allows you to advertise on a Saturday in the Otago Daily Times and repeat the same ad on any day the following Monday to Friday for half the Saturday price. No refunds, no cancellations.";
helptexts['3+Day+Deal'] = "The 3 Day Deal allows you to save a massive 36% by advertising 5 lines on any three consecutive weekdays within in the Otago Daily Times for only $30. No refunds available, however, you can cancel your ad at any time by calling us on (03)477-8000.";
helptexts['Taieri+Times-bad'] = "Advertise in the Queenstown Times - a Tuesday insert in the Otago Daily Times delivered throughout the Wakatipu area.";
helptexts['Taieri+Times'] = "Taieri Times is a local publication that covers Green Island, Mosgiel and surrounding areas.";
helptexts['25+Dollar+Birthday+Deal'] = "The Birthday Greeting deal allows you to place an ad with a 3.5x4cm photo and up to 20 words for $25. Normally $64. No refunds, no cancellations. See www.odt.co.nz/birthdaygreetings for prize terms.";

function urldecode(str) {
	str = str.replace(/\+/g, ' ');
	str = unescape(str);
	return str;
}

// 'Object Converter', converts an array to an object so we can 
// use the 'in' operator
function oc(a)
{
  var o = {};
  for(var i=0;i<a.length;i++)
  {
    o[a[i]]='';
  }
  return o;
}

function setup(){
	
	updateGlobals();
	// Hide no js message
	document.getElementById('no-javascript').style.display = 'none';

	// Hide update buttons
	for (var i=0; i< inputs.length; i++){
		if(inputs[i].className == 'update'){
			inputs[i].style.display = 'none';
		}
	}

    orighelptext = helptext.innerHTML;

    // Find out which items are currently selected
	updateSelected();
  
    if(selectedpublication in helptexts && helptexts[selectedpublication] != ''){
        helptext.innerHTML = helptexts[selectedpublication]; 
    }else{
        helptext.innerHTML = orighelptext;    
    }

	// Establish Event Listeners 
	establishEventListeners();

    //preload loading images
    preloadimage = new Image(16, 16);
    preloadimage.src = "img/loading.gif";

    updateDateChooser(true);   
    
    updateHelpImage(this);
}

function updateGlobals(){

	form               = document.getElementById('adDetails');
	inputs             = document.getElementsByTagName('input');
	publication        = document.getElementById('publication');
	publicationinputs  = publication.getElementsByTagName('input');
	classes            = document.getElementById('classifications');
	
        classesinputs       = document.getElementsByClassName('classification');
        
        classesoptions	   = classes.getElementsByTagName('option');        
	titleText          = document.getElementById('titleText');   
	bodyText           = document.getElementById('bodyText');   
        footerText         = document.getElementById('footerText');   
	datechooser 	   = YAHOO.util.Dom.getElementsByClassName('datechooser', 'div')[0];
	submitBtn          = document.getElementById('submitBtn');
	allpubserror 	   = document.getElementById('nodateserror');
        helptext           = document.getElementById('helptext');
        classmessage       = document.getElementById('classmessage'); //PVT
        helpimg           = document.getElementById('help-img');

}

function establishEventListeners() 
{
    updateGlobals();
    // Form
    form.onsubmit = submitForm;

    // Publication 
    for (var i =0; i< publicationinputs.length; i++)
        publicationinputs[i].onclick = publicationChange;	

    // Classes
    for (var i=0; i<classesinputs.length; i++){
        classesinputs[i].onchange = classificationChange;	
    }
}

/* Shows a nice loading ajaxy loading gif */
function setLoading(element){
	YAHOO.util.Dom.removeClass(element, 'yui-calcontainer');	
	element.innerHTML = "<p class=\"loading\" ><img src=\"img/loading.gif\" alt=\"Loading.\" />Loading ...</p>"/* + element.innerHTML*/;
}

/* Updates global variables to keep track of which items have been selected */
function updateSelected(){

	updateGlobals();

	/* Get currently selected pub */
	for(var i =0; i < publicationinputs.length; i++){
		if (publicationinputs[i].checked){
			selectedpublication = publicationinputs[i].value;
			break;
			}
	}

	/* Get currently selected classification */
	for(var i =0; i<classesoptions.length; i++){
		if (classesoptions[i].selected && classesoptions[i].parentNode.disabled == false){
			selectedclass = classesoptions[i].value;                      
	
            break;
			}
	}

}


/***************************************
* Event listeners
****************************************/

function publicationChange()
{   
    updateSelected();

    if(selectedpublication in helptexts && helptexts[selectedpublication] != '')
        helptext.innerHTML = helptexts[selectedpublication]; 
    else
        helptext.innerHTML = orighelptext;        

    setLoading(classes);   
    updateClasses();

    updateHelpImage(null);
    
    updateDateChooser(true);
}

function classificationChange()
{
    updateSelected();
    datepicker = document.getElementById("datepicker");
    setLoading(datechooser);   
    setLoading(datepicker);

    updateClassForm(this);
    updateHelpImage(this);
}

/******************************************************
 * Image Help
 *****************************************************/
function updateHelpImage(obj)
{
    var number = "3";
    
    if (obj != null && obj.getAttribute)
    {
        var currentId = obj.getAttribute("id");
        number = currentId.substr(currentId.length - 1, 1);
    }  
    
    var path = "img/help_images/" + selectedpublication + number + selectedclass + ".png";
    
    if (UrlExists(path))       
        helpimg.src= path;
    else
        helpimg.src= "img/help_images/" + selectedpublication + number + ".png";    
}

function UrlExists(url)
{
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status!=404;
}

/******************************************************
 * Classifications
 *****************************************************/
 
 /*********************************************************
  * updateOtherClassesSelectState - en/disable select boxes
  * Added by JE 20140728 to allow the classification select
  * boxes to be disabled and enabled before the 
  * updateDateChooser function is called as it will allow 
  * the select boxes to work first go
  *********************************************************/
 function updateOtherClassesSelectState(currentId, disable){
     for (var k = 1; k <= 7; k++){
         var c = document.getElementById('classification'+k);
         if(c != null && c.getAttribute("id")!=currentId){
             c.disabled = disable;
             c.style.backgroundColor = (disable) ? 'lightgray' : 'white';
         }
     }
 }
 function updateClassForm(obj)
 {
    var options = obj.getElementsByTagName('option');

    for (var i =0; i<options.length; i++)        
        if (options[i].selected)
        {                
                var currentId = obj.getAttribute("id");                               
                if (options[i].value != '')            
                {
                    updateOtherClassesSelectState(currentId, true);
                    document.getElementById('alert-classification').style.display = 'none';                    
                    updateDateChooser(false);                    
                }
                else
                {
                    updateOtherClassesSelectState(currentId, false);
                    document.getElementById('alert-classification').style.display = 'block';                      
                    updateDateChooser(true);                    
                }
               /*
                * Removed by JE 20140728
                * This functionality has been moved to updateOtherClassesSelectState funtion
                * as having this after the updateDateChooser function stopped the classification select 
                * boxes from working for the first select
                */
               /*
                var disable = false;
                var color = 'white';
                for (var k =1; k <= 7; k++)                   
                {
                    var c = document.getElementById('classification' + k);
                    
                    if (c != null && c.getAttribute("id") != currentId)  
                    {
                        c.disabled = disable;                                             
                        c.style.backgroundColor  = color;
                    }
                }                               
                */
                return;                     
        }   
}
 
 

var updateClassesCallback = function callBack(o) 
{
	classes.innerHTML = o.responseText;                  
	establishEventListeners();	
}

var classes_callback = { success:updateClassesCallback }

function updateClasses(){
	
	var poststring = "";
	
	poststring += "publication=";
	poststring += selectedpublication;
	
	if(poststring != ""){
		poststring += "&";
	}

	poststring += "selectedclass=";
	poststring += selectedclass; 
	
	YAHOO.util.Connect.asyncRequest('POST', 'updateClasses.php', classes_callback, poststring);
        
         document.getElementById('alert-classification').style.display = 'block';

}


/***********************************************
 * Date Chooser
 * ********************************************/

// this gets run once we get our list of dates back
var updateDateChooserCallback = function callback(o){
	updateGlobals();

	datechooser = YAHOO.util.Dom.getElementsByClassName('datechooser', 'div')[0];
	datechooser.innerHTML = "";

	resp = eval('(' + o.responseText + ')');
    //console.log("resp = " + o.responseText);

	// create a new 4-up calendar
    if(resp['selected'].length == 0){
	    cal = new YAHOO.widget.CalendarGroup('call',datechooser, {PAGES: 4, MULTI_SELECT: true, mindate: resp['alldates'][0], maxdate: resp['alldates'][resp['alldates'].length -1] });
        set_cal("#datepicker", resp);
    }else{
	    cal = new YAHOO.widget.CalendarGroup('call',datechooser, {PAGES: 4, MULTI_SELECT: true, mindate: resp['alldates'][0], maxdate: resp['alldates'][resp['alldates'].length -1], selected: resp['selected']  });
        set_cal("#datepicker", resp);
    }

	// subscribe to a few events so we can keep the page up to date
	cal.selectEvent.subscribe(selectHandler, cal, true);
	cal.deselectEvent.subscribe(deselectHandler, cal, true);

	// display the calendar on the page
    updateAvailableDates();
	//cal.render();

    updateDateMessage();

}

// this tells our ajax request which function to pass it's result to
var updatedatechooser_callback = { success: updateDateChooserCallback}

function updateDateChooser(isEmpty){
	updateSelected();
	// firstly clear out what is already in there
    datepicker = document.getElementById("datepicker");
	setLoading(datechooser);
    setLoading(datepicker);
	// next get the list of publication dates for this pub (just pass the number of the publication back and the backend can work out which pub it is)
    
        if (isEmpty)
            poststring = "pub=Empty";            
        else
            poststring = "pub=" + selectedpublication;
            
        
        
	poststring += "&class=" + selectedclass
	YAHOO.util.Connect.asyncRequest('post', 'getAvailablePubDates.php', updatedatechooser_callback, poststring);
}



// We use this when sending the dates back
function pad(s){
	if(s.length < 2){
		s = '0' + s;
	}
	return s;
}


function selectHandler(){
    
    updateAvailableDates();
    updateDateMessage();    

}

function deselectHandler(){
    updateAvailableDates();
    updateDateMessage();   
}

function updateAvailableDates(){
        
    if(selectedpublication in dealspans){
        selecteddates = cal.getSelectedDates();
        if(selecteddates != ''){
            firstdate = pad((selecteddates[0].getMonth() +1).toString()) + '/' + pad(selecteddates[0].getDate().toString()) + '/' +  selecteddates[0].getFullYear();
            lastdate = pad((selecteddates[selecteddates.length - 1].getMonth() +1).toString()) 
                + '/' + pad(selecteddates[selecteddates.length - 1].getDate().toString()) 
                + '/' +  selecteddates[selecteddates.length -1].getFullYear();
            for(var i=0; i<resp['alldates'].length; i++){
                if(resp['alldates'][i] == firstdate){
                    firstdateindex = i;    
                }    
                if(resp['alldates'][i] == lastdate){
                    lastdateindex = i;    
                }    
            }

	        // Disable any dates that aren't on our list
	        for(i=0; i<resp['alldates'].length; i++){
		        if( i < lastdateindex - (dealspans[selectedpublication] - 1) 
                    || i > firstdateindex + (dealspans[selectedpublication] - 1)
                    || !(resp['alldates'][i] in oc(resp['pubdates']))){
			        cal.addRenderer(resp['alldates'][i],cal.renderOutOfBoundsDate);
		        }
	        }

        }else{
	        // Disable any dates that aren't on our list
	        for(i=0; i<resp['alldates'].length; i++){
		        if(!(resp['alldates'][i] in oc(resp['pubdates']))){
			        cal.addRenderer(resp['alldates'][i],cal.renderOutOfBoundsDate);
		        }
	        }
        }

    }else{
        // Disable any dates that aren't on our list
        for(i=0; i<resp['alldates'].length; i++){
	        if(!(resp['alldates'][i] in oc(resp['pubdates']))){
		        cal.addRenderer(resp['alldates'][i],cal.renderOutOfBoundsDate);
	        }
        }
    }

    cal.render();
    //selecteddates = get_cal_selected("#datepicker");    
}

var updateClassmsgCallback = function callBack(o) 
{
    $('#classmessage').remove();    
      
    var msg = '<div id="classmessage" style="margin-top: 20px;" class="alert alert-info  fade in"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + 
              o.responseText + 
              '</div>';
        
    $( msg ).insertBefore( "#instructions" );   
    
   
    establishEventListeners();
}
var classmsg_callback = { success:updateClassmsgCallback } //PVT


function updateClassificationMessage() {
    //PVT function for updating the classification message.
    var poststring = "";
    var message = "";
    poststring += "selectedclass=";
    poststring += selectedclass;
    YAHOO.util.Connect.asyncRequest('POST', 'updateClassificationMessage.php', classmsg_callback, poststring);
}

function updateDateMessage(){
	updateGlobals();
    updateClassificationMessage(); //PVT
    dates = get_cal_selected("#datepicker");
	if(dates != '')
        {
		submitBtn.disabled = '';
                allpubserror.style.display = 'none';
		allpubserror.innerHTML = '&nbsp;';
	}
        else
        {
		submitBtn.disabled = 'disabled';
                allpubserror.style.display = 'block';
		allpubserror.innerHTML = 'You must select at least one run date.';
	}

}


/*************************************************/
/*               Forbidden Words                 */
/*          (not used at this stage)             */
/*************************************************/

// this gets run once we get our list of dates back
var getforbiddenwordscallback = function callback(o){
    alert('hi');
    badwords = 'test';
}

var failed = function failedcallback(o){
    badwords = '';    
}

// this tells our ajax request which function to pass it's result to
var getforbiddenwordscallback_def = { success: getforbiddenwordscallback, failure: failed, timeout: 1000 }

function getForbiddenWordsInText(text){

    poststring = "text=" + text;
    YAHOO.util.Connect.asyncRequest('post', 'getForbiddenWords.php', getforbiddenwordscallback_def, poststring);

}


/************************************************/
/*               Form Validation                 /
/************************************************/

function submitForm(){

    updateGlobals();
    updateSelected();

    if(titleText.value == ''){
        titleText.style.backgroundColor = "#fdd";
        titleText.focus();
        alert("You must enter some text for the title of your Ad.");
        return false;
    }

    titleText.style.backgroundColor = "#f0f0f0";

    if(bodyText.value == ''){
        bodyText.style.backgroundColor = "#fdd";
        bodyText.focus();
        alert("You must enter some text for the body of your Ad.");
        return false;
    }

    bodyText.style.backgroundColor = "#f0f0f0";

    if(selectedpublication in maxchars){
        var alltext = titleText.value + bodyText.value + footerText.value;
        if(alltext.length > maxchars[selectedpublication]){
            titleText.style.backgroundColor = "#fdd";
            bodyText.style.backgroundColor = "#fdd";
            footerText.style.backgroundColor = "#fdd";
            bodyText.focus();
            alert("You have entered too much text. The '" + selectedpublication.replace(/\+/g, " ") + "' deal requires that you enter fewer than " + maxchars[selectedpublication] + " characters. If you have any questions, please ring our Classified Advertising Department on (03) 477-8000.");
            return false;
        }
    }

    titleText.style.backgroundColor = "#f0f0f0";
    bodyText.style.backgroundColor = "#f0f0f0";
    footerText.style.backgroundColor = "#f0f0f0";

    if(selectedclass == ''){
        alert('Please select a classification for your ad.');
        return false;
    }

    var pubdates = [];

    // Build up a pubdates variable
    //dates = cal.getSelectedDates();
    dates = get_cal_selected("#datepicker");
    pubdates = [];
    for(j=0;j<dates.length;j++){
        var date = new Date(dates[j]);
        pubdates.push(date.getFullYear() + '-' + pad((date.getMonth() + 1).toString()) + '-' + pad(date.getDate().toString()) + 'T00:00:00');
    }

    // Encode it in JSON and put it into a hidden field
    var jsdates = document.getElementById('jsdates');

    jsdates.value = YAHOO.lang.JSON.stringify(pubdates);

}