function addEvent(elm, evType, fn, useCapture) {
  // cross-browser event handling for IE5+, NS6 and Mozilla 
  // By Scott Andrew 

try
{
//Run some code here
  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;
  }

 }

catch(err)
{

}
}


var LIVE_SEARCH_PROMPT = "search here...";
// Array keys
var COLUMN_ORDER = 0;
var COLOR_SET = 1;
var LAYOUT = 2

// Defaults
var user_prefs = new Array('c-ms', 'cs2', '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;
}
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 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();
}
// 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');
  }
}

// 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);
addEvent(window, 'load', iq_format_search_field, false);
addEvent(window, 'load', iq_add_layout_switcher, false);