function addEvent(elm, evType, fn, useCapture) {

  // cross-browser event handling for IE5+, NS6 and Mozilla 

  // By Scott Andrew 

  if (elm.addEventListener) { 

    elm.addEventListener(evType, fn, useCapture); 

    return true; 

  } else if (elm.attachEvent) { 

    var r = elm.attachEvent('on' + evType, fn); 

    return r;

  } else {

    elm['on' + evType] = fn;

  }

}



function iq_calendar_date() {

  // Display [month] [date] at end of author/date line

  // e.g. Posted by jamie about one day ago. Oct 31

  var spans = document.getElementsByTagName('span');

  for (var i=0; i<spans.length; i++) {

    if (spans[i].className.match(/\btypo_date\b/i)) {

      var months = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');      

      var date = new Date(spans[i].title);

      var month = months[date.getMonth()];

      var day = date.getDate();

      if (day < 10) day = '0' + day;    

      spans[i].parentNode.innerHTML += '. <em>' + month + ' <span>' + day + '</span></em>';

    }

  }

}



var LIVE_SEARCH_PROMPT = "live search...";

// Array keys

var COLUMN_ORDER = 0;

var COLOR_SET = 1;

var LAYOUT = 2



// Defaults

var user_prefs = new Array('c-ms', 'cs1', 'fixed');



var results_displayed = false;

var sliding = false;

var search_focused = false;

var isSafari = ((parseInt(navigator.productSub)>=20020000) && (navigator.vendor.indexOf("Apple Computer")!=-1));



function iq_format_search_field() {

  // Replace input text field with search field if Safari

  if (!document.getElementById) return;

  var text_field = document.getElementById('q');

  // If change type to "search" for Safari and mimic

  // behaviour for browsers that don't support it.

  

  // Need a little hack here as we can't just change the type to 'search'

  // as the 'observe_field' helper won't recognise the 'search' type

  // however it seems fine with hidden, so we'll proxy the values

  // through to the hidden field.

  text_field.setAttribute("type","hidden");



  // Create the new search field

  search_field = document.createElement('INPUT');

  

  if (isSafari) {

    // Safari specifics

		search_field.setAttribute('id', 'q_proxy_safari');

    search_field.setAttribute('type', 'search');

    search_field.setAttribute('results', '5');

    search_field.setAttribute('placeholder', LIVE_SEARCH_PROMPT);

    search_field.setAttribute('autosave', 'typo-search');     

  } else {

    // Mimic the Safari search box for lesser browsers

		search_field.setAttribute('id', 'q_proxy');

    search_field.setAttribute('type', 'text');

    if (search_field.value == '') search_field.value = LIVE_SEARCH_PROMPT;

  }

  // Add our listeners

	addEvent(search_field, 'focus', iq_focus_search, false);

  addEvent(search_field, 'blur',  iq_blur_search, false);

  addEvent(search_field, 'keyup', iq_copy_search_value, false);

  addEvent(search_field, 'blur', iq_copy_search_value, false);

  // Add our Safari or fake Safari search field

  text_field.parentNode.insertBefore(search_field, text_field);

}



function iq_copy_search_value() {

  // proxy the values but intercept the status messasge

  var text_field = document.getElementById('q');

  text_field.value = (this.value == LIVE_SEARCH_PROMPT) ? '' : this.value;

  if (searchTimer) {

    clearTimeout(searchTimer);

  }



  searchTimer = setTimeout("doSearch12345()", 1000);

  Element.show('search_spinner');

}

var searchTimer;

function iq_focus_search() {

  // remove initial value from the search field

  if (!isSafari && this.value == LIVE_SEARCH_PROMPT) {

    this.value = '';

  }

	search_focused = true;

  this.setAttribute('class', 'active');

	if (this.value != '') revealSearch();

}

function doSearch12345() {

  new Ajax.Updater('search-results', '/wp-content/plugins/addicted_live_search/search_results.php', {asynchronous: true, method: 'get', evalScripts:true, onComplete:function(request){showSearch()}, parameters:'paged=1&s=' + escape($F('q'))})

};

function iq_blur_search() {

  // set default value, if no value has been entered

  if (!isSafari && this.value == '') {

    this.value = LIVE_SEARCH_PROMPT;

  }

	search_focused = false;

  this.removeAttribute('class', 'active');

	setTimeout(closeSearch, 5000)

}





// Switch layout

function iq_switch_to_fixed() {

	iq_switch_pref(LAYOUT, 'fixed');

}

function iq_switch_to_fluid() {

	iq_switch_pref(LAYOUT, 'fluid');

}

// Switch color sets

function iq_switch_to_cs0() {

	iq_switch_pref(COLOR_SET, 'cs0');

}

function iq_switch_to_cs1() {

	iq_switch_pref(COLOR_SET, 'cs1');

}

function iq_switch_to_cs2() {

	iq_switch_pref(COLOR_SET, 'cs2');

}

// Switch a preference

function iq_switch_pref(pref, layout) {

	user_prefs[pref] = layout;

	if ($('theme-panel').style.display != 'none') Effect.BlindLeftIn('theme-panel');

	iq_set_body_class();

	setCookie(pref, layout);

}







// Update body 'class'

function iq_set_body_class() {

	document.getElementsByTagName('body')[0].className = user_prefs.join(' ');

}

// Initialise layout stuff

function iq_add_layout_switcher() {

	// Set the defaults

	iq_set_body_class();

	

	// Register the onclicks

	addEvent(document.getElementById('layout-fixed'), 'click', iq_switch_to_fixed, false);

	addEvent(document.getElementById('layout-fluid'), 'click', iq_switch_to_fluid, false);

	addEvent(document.getElementById('layout-options'), 'click', iq_toggle_options, false);

	addEvent(document.getElementById('cs0_swatch'), 'click', iq_switch_to_cs0, false);

	addEvent(document.getElementById('cs1_swatch'), 'click', iq_switch_to_cs1, false);

	addEvent(document.getElementById('cs2_swatch'), 'click', iq_switch_to_cs2, false);

}



function showSearch()  {

	Element.hide('search_spinner');

	if ($('q').value == '') {

		$('search-close').style.display = 'none';

		results_displayed = false;

	} else {

  	revealSearch();

	}

}



function revealSearch() {

	if (sliding == false && results_displayed == true) return;

	Effect.SlideDown('search-results',

		{

			beforeStart: function(){

				sliding = true;

			}, 

			afterFinish: function(){

				sliding = false;

				results_displayed = true;

				Effect.Appear('search-close');

			}

		}

	);	

}

function closeSearch() {

	if(results_displayed && !search_focused){

		Effect.Fade('search-close');

		Effect.SlideUp('search-results',

			{

				beforeStart: function(){

					sliding = true;

					Effect.Fade('search-close');

				},

				afterFinish: function(){

					sliding = false;

					results_displayed = false;

				}

			} 

		)

	}

}



// Prefs



Effect.BlindLeftIn = function(element) {

  Element.makeClipping(element);

  new Effect.Scale(element, 0, 

    Object.extend({ scaleContent: false, 

      scaleY: false, 

      afterFinish: function(effect) 

        { 

          Element.hide(effect.element);

          Element.undoClipping(effect.element);

        } 

    }, arguments[1] || {})

  );

}



Effect.BlindLeftOut = function(element) {

  $(element).style.width   = '0px';

  Element.makeClipping(element);

  Element.show(element);

  new Effect.Scale(element, 100, 

    Object.extend({ scaleContent: false, 

      scaleY: false, 

      scaleMode: 'contents',

      scaleFrom: 0,

      afterFinish: function(effect) {

        Element.undoClipping(effect.element);

      }

    }, arguments[1] || {})

  );

}



function iq_toggle_options() {

  if ($('theme-panel').style.display != 'none') {

    Effect.BlindLeftIn('theme-panel');

  } else {

    Effect.BlindLeftOut('theme-panel');

  }

}



//persistent theme

function set_theme_options(){ 

var _color_set = getCookie(COLOR_SET); 

var _layout = getCookie(LAYOUT); 

if(_color_set!=null) { 

iq_switch_pref(COLOR_SET, _color_set); 

} 

if(_layout!=null) { 

iq_switch_pref(LAYOUT, _layout); 

} 

}







// Adding the date conversions and search mods here is much

// nicer than embedding it in the layout in my opinion.

addEvent(window, 'load', show_dates_as_local_time, false);

addEvent(window, 'load', iq_calendar_date, false);

//disabling the livesearch 

//addEvent(window, 'load', iq_format_search_field, false);

addEvent(window, 'load', iq_add_layout_switcher, false);

//addEvent(window, 'load', iq_set_theme_options, false);