// add "hasJs" classname to body. this is used for applying styles for js enabled browsers only
window.addEvent('domready', function(){$E('body').addClass('hasJs');});
// base site url or / for root
var site_url = '/';

/* FIX SOME PROBLEMS IN INTERNET EXPLORER BROWERS BELOW VERSION 7 */
// fix IE png trancparency on img elemets
function loadAlpha() {
  // exit if IE 7 or not IE at all
  if (!window.ie || window.ie7) return false;
  // set path to spacer image
  var spacer = site_url+'images/spacer.png';
  // get all images on page
  var images = $$('img');
  // loop through images
  for (var i=0; i<images.length; i++) {
    // if image is png, load transparency
    if (images[i].src.indexOf('.png')!=-1) {
      // stop image from collapsing if no width/height set
      images[i].setStyle('width',images[i].width+'px');
      images[i].setStyle('height',images[i].height+'px');
      // apply alpha
      images[i].setStyle('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+images[i].src+'", sizingMethod="image")');
      // hide src image
      images[i].src = spacer;
    }
  }
}
// add hover to all elements in IE6
function fixInternetExplorerHover() {
  var hover = site_url + 'js/hover.htc';
  var body = $$('body');
  body[0].setStyle('behavior','url("' + hover + '")');
}
// run IE fixes
function fixIE() {
  fixInternetExplorerHover();
  loadAlpha();
}
if (window.ie6==true) window.addEvent('domready', fixIE);
/* END IE FIXES */

// MAKE ALL EXTERNAL LINKS OPEN IS NEW TAB/WINDOW ---------
function externalLinks() {
  if (!document.getElementsByTagName) return;
  var anchors = $$("a");
  for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute("href") &&  anchor.getAttribute("rel") == "external") {
      anchor.target = "_blank";
    }
  }
}
window.addEvent('domready', externalLinks);

// QUESTIONS DROPDOWN
function dropdownActions() {
  // apply open/close dropdown actions to trigger
  $E('#searchQuestions img.trigger').onclick = function() {
    $('searchQuestionItems').toggleClass('open');
  }
  // and to "selected option" (<p>)
  $('question').onclick = function() {
    $('searchQuestionItems').toggleClass('open');
  }
  // setting dropdown value or select action, whatever you want to do.
  var items = $$('#searchQuestionItems li');
  for (var i=0; i<items.length; i++) {
    items[i].onclick = function() {
      // item has been selected, write your actions here

      $('question').setText(this.title);            // set dropdown value
      window.location = '#/searchResults/' + this.title.replace(' ','+', 'g');
//      $('search').value = this.title;               // set search value

      // close dropdown
      $('searchQuestionItems').toggleClass('open');
    }
  }
}
window.addEvent('domready', dropdownActions);