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 = {};

var maxchars = {};

var helptexts = {};

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);

}