/* replaces submit buttons with standard links */

inputToLink = function() {
	$$('form input[type="submit"]', 'form input[type="reset"]','form input[type="button"]').each(function(b) {
		var a = document.createElement("a");
		a.innerHTML = b.readAttribute('value');
		a.href = '';
		a.className = b.readAttribute('class') || 'none';
		a.setAttribute('title',(b.readAttribute('title') || ""));
		b.parentNode.insertBefore(a, b);
		b.hide();
		Event.observe(a, 'click', function(e) {
			b.click();
			Event.stop(e);
		});
	});
};


/* hides inline-editing forms */

hideInlineForms = function() {
	document.getElementsByClassName('inline-form').each( function(item){item.hide()} );
}

hideAllUserLayer = function() {
  document.getElementsByClassName('user-layer').each( function(item){item.hide()} );
  document.getElementsByClassName('info-layer').each( function(item){item.hide()} );
}

showUserLayer = function(id) {
  $(id).show();
}

hideUserLayer = function(id) {
  $(id).hide();
}



/* duplicate an element */

duplicateLastElementFrom = function(collection) {
	var a = $$('#friends li.item').last();
	var b = a.cloneNode(true);
	var c = b.getElementsByTagName('input');
	for(var i=0; i < c.length; i++) {
		c[i].value = "";
	}
	$('friends').appendChild(b);
}


/* exchange visibility of two layers */

switchlayer = function(view,hide) {
	if ($(view) && $(hide)) {
		$(hide).hide();
		$(view).show();
	}
}

Posting = {

  setDefaults: function() {
    try {
      //$('radio-all').click();
      //$('posting-text').value = "";
			Posting.addOnFocus('posting-text');
			Posting.addValue('link');
			Posting.addValue('foto');
			Posting.addValue('datei');
			Posting.addValue('video');
			Posting.addValue('podcast');
			$$('.addon-box input.radio').each( function(e) { e.hide() });
      Posting.chooseAddon('link');
    } catch(e) {};
  },

	addOnFocus: function(id) {
			$(id).onfocus = function() {
				this.value = "";
				$(id).onfocus = function() {};
			}
	},

  hideOptionals: function() {
    $('recipients').hide();
    //$('groups').hide();
    $('sms-options').hide();
    $('externe').hide();
  },

  showOptions: function(id) {
    switch(id) {
      case 5:
        Posting.hideOptionals();
        $('externe').show();
        $('sms-options').show();
      break;      case 4:
        Posting.hideOptionals();
        $('recipients').show();
        $('sms-options').show();
      break;
      case 2:
        Posting.hideOptionals();
        //$('groups').show();
      break;
      case 3:
        Posting.hideOptionals();
        $('sms-options').show();
      break;
      default:
        Posting.hideOptionals();
    }
  },

  chooseAddon: function(id) {
    try {
      $$('#addon-tabs li').each( function(e) { e.removeClassName('current') } );
      $$('#addon-tabs li.'+id)[0].addClassName('current');
			Posting.addValue(id);
      $$('.addon-box').each( function(e) { e.hide(); } );
			$('chosen-addon-'+id).click();
      $('addon-'+id).show();
    } catch(e) {};
  },

	addValue: function(id) {
		switch(id) {
			case "link":
	      			if ($('addon-link-field').value == '')
					$('addon-link-field').value = "Hier Internetadressen reinkopieren";
				Posting.addOnFocus('addon-link-field');
				break;
			break;
			case "video":
	      			if ($('addon-video-field').value == '')
		      			$('addon-video-field').value = "Hier Quellcode des Video-Anbieters (z.B. YouTube) oder des Widgets reinkopieren";
				Posting.addOnFocus('addon-video-field');
			break;

		}
	}

}


/* Text Slideshow */

Slideshow = {

	counter:0,
	items:0,
	container:'slideshow-container',

	nextTerm: function() {
			/*$('slideshow-container').hide();*/
			window.setTimeout( function() {
				/*$('slideshow-container').update(Slideshow.terms[Slideshow.counter]);*/
				Slideshow.counter = (Slideshow.counter == (Slideshow.items - 1) )? 0 : Slideshow.counter+1;
				Effect.BlindDown('slideshow-container', { duration:0.8 });
			}, 500);
	},

	init: function() {
		if(typeof(Slideshowterms) != "undefined") {
			/*$('slideshow-container').hide();*/
			Slideshow.terms = Slideshowterms;
			Slideshow.items = Slideshowterms.length;
			Slideshow.nextTerm();
			window.setInterval("Slideshow.nextTerm()", 7000);
		}
	}

}


/* Color-Picker */

pickColor = function(link, id) {


	$$('.color-picker li').each(
		function(e) {
			e.removeClassName('active');
		}
	)


	link.parentNode.className = 'active';
	$('color-id').value = id;


var themecolors = new Array(50);
themecolors[1] = '#6aba02'; /* grüner Hintergrund mit Frauengesicht */
themecolors[2] = '#336ea6'; /* Fußball */
themecolors[3] = '#849916'; /* Wald */
themecolors[4] = '#95165b'; /* Formel 1 */
themecolors[5] = '#ef1318'; /* Formel 1 Ferrari */
themecolors[6] = '#96452b'; /* Bücher */
themecolors[7] = '#588c9b'; /* Konferenzraum */
themecolors[8] = '#868784'; /* Laptop-Tastatur */

themecolors[9] = '#6ab1d1'; /* Laptop-Tastatur 2 */
themecolors[10] = '#668188'; /* Skyline */
themecolors[11] = '#8c6030'; /* Mediterraner Ort */
themecolors[12] = '#00aabe'; /* Strand mit Palmen */
themecolors[13] = '#a22416'; /* Geigen */
themecolors[14] = '#c06300'; /* Kugeln */
themecolors[15] = '#9ad815'; /* Hände */
themecolors[16] = '#4944c6'; /* Ordner */
themecolors[17] = '#855940'; /* Sepia Fotos */
themecolors[18] = '#f35702'; /* Farbkasten */
themecolors[19] = '#29a9eb'; /* See-Ausblick */
themecolors[20] = '#9c9c9c'; /* Statuenkopf sw */
themecolors[21] = '#926b00'; /* BAR */
themecolors[22] = '#567e11'; /* Kneipentheke */
themecolors[23] = '#cd8e13'; /* Faschingsmasken Venedig */
themecolors[24] = '#239616'; /* Rasen mit Fußball */
themecolors[25] = '#b6001e'; /* Tango */
themecolors[26] = '#647743'; /* Money */
themecolors[27] = '#0dc6ee'; /* Menschenmenge */
themecolors[28] = '#246350'; /* Street Art */
themecolors[29] = '#254ab3'; /* Buntstifte */
themecolors[30] = '#0f71e2'; /* Computerplatine */
themecolors[31] = '#00c769'; /* Regenbogenfarben */
themecolors[32] = '#6c4e52'; /* Livekonzert */
themecolors[33] = '#26cda8'; /* Pflaster */
themecolors[34] = '#f09901'; /* Spielfiguren */
themecolors[35] = '#95c042'; /* Gemüse */
themecolors[36] = '#4b638e'; /* Businessperson mit Taschenrechner */
themecolors[37] = '#ac9e48'; /* Instrumentenanzeige mit Skala */
themecolors[38] = '#6a6b67'; /* Kopfhörer */
themecolors[39] = '#7e7863'; /* Mauer und Blumentopf Noire */
themecolors[40] = '#b5845c'; /* Auto vor Düne */
/**/


$('secondary-nav').style.background = themecolors[id];
$('curtab').style.backgroundImage = 'url(http://www.faybl.de/img/themes/'+id+'/nav-tab-active.png)';
$('activity-submitt').style.backgroundImage = 'url(http://www.faybl.de/img/themes/'+id+'/button-medium-bg.png)';

}

/* help-box-collapsing */

Help = {
   is_closed: true,
   init: function(id){

      try {



         $('help-box-toggle').onclick = function() {
            if(Help.is_closed) {
               Help.showInfo();
               Help.is_closed = false;
            } else {
               Help.hideInfo();
               Help.is_closed = true;
            }
            return false;
         }
      } catch(e) {};
   },
   showInfo: function() {

      $('help-box-toggle').update("Details ausblenden");
      Effect.BlindDown('hidden-info', {duration: 0.3, afterFinish: Help.toggleArrow('close')});
   },
   hideInfo: function() {

      $('help-box-toggle').update("Details anzeigen");
      Effect.BlindUp('hidden-info', {duration: 0.3, afterFinish: Help.toggleArrow('open')});
   },
   toggleArrow: function(css) {

      $('help-box-toggle').className = css;
   }
}


Help2 = {
   is_closed: true,
   init: function(id){
      try {
         $('help-box-toggle2').onclick = function() {
            if(Help2.is_closed) {
               Help2.showInfo();
               Help2.is_closed = false;
            } else {
               Help2.hideInfo();
               Help2.is_closed = true;
            }
            return false;
         }
      } catch(e) {};
   },
   showInfo: function() {
      $('help-box-toggle2').update("Beitragsbox ausblenden");
      Effect.BlindDown('hidden-info2', {duration: 0.3, afterFinish: Help2.toggleArrow('close')});
   },
   hideInfo: function() {
      $('help-box-toggle2').update("Beitragsbox einblenden");
      Effect.BlindUp('hidden-info2', {duration: 0.3, afterFinish: Help2.toggleArrow('open')});
   },
   toggleArrow: function(css) {
      $('help-box-toggle2').className = css;
   }
}

/* Splash-Tabs */

SplashTabs = {
   init: function(){
      try {
         SplashTabs.activate('1');
      } catch(e) {}
   },
   activate: function(id) {
      $$('#splash-tabs li').each( function(e) {e.className = ''});
      $('splash-tab-'+id).className = 'active';
      $$('div.tab-content').each(function(e){e.hide()});
      $('faybl-'+id).show();
      if(id == "2") {
         Scroller.init();
         // SplashCategories.init();
      }
      return false;
   }
}

SplashCategories = {
   activate: function(id) {
      
      // Gruppen einblenden
      Scroller.switchToCategory(id);
      
      // Info einblenden
      $('category-information').immediateDescendants().each(function(e){e.hide()});
      $('category-info-'+id).show();
   }
}




/* Kick in some default functions, when the dom is loaded */

Event.observe(window,'load',inputToLink); // replacing input-buttons with links
Event.observe(window,'load',hideInlineForms); // hiding inline editing forms
Event.observe(window,'load',hideAllUserLayer); // hiding inline editing forms
Event.observe(window,'load',Posting.setDefaults); // hiding Optional Layers for Posting Form
/*Event.observe(window,'load',Slideshow.init); // hiding Optional Layers for Posting Form*/
Event.observe(window,'load',Help.init);
Event.observe(window,'load',Help2.init);
Event.observe(window,'load', SplashTabs.init);