document.observe("dom:loaded", function() {
	try {
  	loadFonts();
  }
  catch (err) {alert(err);}
});

function loadFonts(){
	Cufon.replace('.gillsans', {fontFamily: 'Gill Sans'});
	Cufon.now();
}

function initMissionLinks(){
	$$('.missionList li').each(function(o){
  	o.observe('click', missionClick);
  });
}
function missionClick(e){
	var pobj = e.element();
  var elmt = e.element().up('li');
  var elmtId = elmt.id;
  var elmtClass = elmt.className;
  var elmtLvl = elmtClass.gsub('mlvl-', '');
  var missionId = elmtId.gsub('mission_', '');
  var lvlToUpdate = [(elmtLvl == '0') ? '1' : '2' ];
  var objTM = Math.floor($(elmtId).offsetTop) - Math.floor($('mLvl-0').offsetTop);
  // change styles
  $$('.mlvl-'+elmtLvl+' p').each(function(o){o.setStyle({color: 'inherit'})});
  $(pobj).setStyle({color: '#FF9C05'});
	$('mLvl-'+lvlToUpdate).setStyle({marginTop: objTM+'px'});
	// Set id's for populated lists
  switch (elmtLvl) {
  	case '0':
    	$('valueLvl-0').value = missionId;
    	$('valueLvl-1').value = 0;
    	$('valueLvl-2').value = 0;
    	break;
    case '1':
    	$('valueLvl-1').value = missionId;
    	$('valueLvl-2').value = 0;
    	break;
    case '2':
    	$('valueLvl-2').value = missionId;
    	break;
  }
	new Ajax.Request($F('relPath')+'web/resp/missions.asp', {
  	parameters: {Action: 10, valueLvl0: $F('valueLvl-0'), valueLvl1: $F('valueLvl-1'), valueLvl2: $F('valueLvl-2')},
    onCreate: function(){
    	$('mLvl-2').update();
      if(lvlToUpdate == '1'){$('mLvl-1').update();}
    },
  	onComplete: function(r){
    	var jsonStr = r.responseText;
      if(jsonStr.isJSON()){
       	var jsonObj = jsonStr.evalJSON(true);
        var missionListHTML = ''; //'<li><img src="'+$F('relPath')+'web/graphics/common/16_arrow_rd.gif" class="img16" /></li>';
        for (var key in jsonObj.db) {
          if (jsonObj.db.hasOwnProperty(key)) {
          	var y						= key;
            var dbData			= jsonObj.db[key];
          	var db_ohmId		= dbData.ohmId;
            var db_ohmText	= dbData.ohmText;
            var db_ohmAmount= dbData.ohmAmount;
            missionListHTML += '<li class="mlvl-'+lvlToUpdate+'" id="mission_'+db_ohmId+'"><p>'+db_ohmText;
            if(db_ohmAmount.length > 0){
            	missionListHTML += '<br /><span class="mAmount">' + db_ohmAmount + '</span>';
            }
            missionListHTML += '</p></li>';
          }
        }
       	$('mLvl-'+lvlToUpdate).update(missionListHTML);
        initMissionLinks();
      }
    }
  });
}


function tabSlider(tabNr){
	var tsW = 648;
  var lPos = tsW * (tabNr-1);
	$('tabContent').morph('left:-'+lPos+'px;', { 
  	transition: 'easeFromTo', duration: 1, engine: 'javascript'
  });
  $$('ul.tabs li').each(function(l){
  	l.removeClassName('active');
  });
  $('tab_'+tabNr).addClassName('active');
}

/* Slideshow */
var nrOfSlideShowImages = 0;
var slideShowImages = '';
var slideShowPause = 5;
var slideShowBlend = 1;
var currentSlideShowImg = 0;
function initSlideShow(){
	slideShowImages = $$('img.slideShowImage');
  if($F('slideShowPause')) {slideShowPause = $F('slideShowPause')}
  if($F('slideShowBlend')) {slideShowBlend = $F('slideShowBlend')}
	nrOfSlideShowImages = slideShowImages.size();
	if(nrOfSlideShowImages>1){
  	new PeriodicalExecuter(playSlideShow, slideShowPause);
	}
}
function playSlideShow(){
	var currentImg = Math.floor($F('slideShowImageCurrent'));
  var nextImg = currentImg+1;
  if(nextImg >= slideShowImages.size()){nextImg = 0;}
  slideShowImages[currentImg].setStyle('z-index:1000;');
  slideShowImages[nextImg].setStyle('z-index:999;display:block;');
  slideShowImages[nextImg].setStyle({opacity: 1});
	slideShowImages[currentImg].fade({
  	duration: slideShowBlend,
    after: function(){$('slideShowImageCurrent').value = nextImg;}
  });
}