$(document).ready(function(){
	
	initTabs();
	
	// slider ******************************************************************
	
	_max = 100;
	
	var _sliderHolder = $('div.slide-bar');
	_sliderHolder.each(function(i,_sh){
		var _pos = $(_sh).offset(),
			_sliderHWidth = $(_sh).innerWidth(),
			_sliderBtm = $('strong.point-btm', _sh),
			_sliderTop = $('strong.point-top', _sh),
			_sliderBtmInp = $('strong.point-btm input', _sh),
			_sliderTopInp = $('strong.point-top input', _sh),
			_sliderBtmW = _sliderBtm.innerWidth(),
			_sliderTopW = _sliderTop.innerWidth(),
			_sliderBar1 = $('div.slide2', _sh),
			_sliderBar2 = $('div.slide1, div.slide3', _sh),
			_mainSlideLeft, _subSlideLeft;
	
		setStartDate(_sliderBtm, _sliderBar1, _sliderBtmInp, _sliderHWidth, true);
		setStartDate(_sliderTop, _sliderBar2, _sliderTopInp, _sliderHWidth, false);
		
		var _sl2 = _sliderBar2.filter('.slide1');
		var _sl3 = _sliderBar2.filter('.slide3');
		function setZIndex(){
			if (_mainSlideLeft > _subSlideLeft) {
				_sl2.show();
				_sl3.hide();
			} else if (_mainSlideLeft < _subSlideLeft) {
				_sl2.hide();
				_sl3.show();
			} else {
				_sl2.hide();
				_sl3.hide();
			}
		}
		setZIndex();
		function setStartDate(_slider, _sliderBar, _sliderInp, _sliderHWidth, _mainSl){
			var _val = _sliderInp.val() * 100/_max;
			
			/*if (_difR < 0) {
				_span.css('marginLeft',-_difR + _span.m);
			}*/
			//else _span.css('marginLeft',-_dif - _span.m);*/
			
			var _size = (_sliderHWidth)*_val/100;
			if (_size < 16) _size = 16;
			
			_slider.css('left',_size-16);
			_sliderBar.css('width',_size);
			if (_mainSl) _mainSlideLeft = _size;
			else _subSlideLeft = _size;
			
			var _span  = _slider.find('span:first');
			_span.w = _span.innerWidth();
			_span.m = _span.w/2;
			_span.css({
				'width':_span.w,
				'marginLeft':-_span.m,
				'marginRight':-_span.m,
				'display':'block'
			});
			_span.pos = _slider.position();
			
			var _dif = _span.pos.left - _span.m;
			var _dif2 = _span.pos.left + _span.m - _sliderHWidth;
			if (_dif < 0) _span.css({'marginLeft':-(_span.m + _dif)});
			if (_dif2 > 0) _span.css({'marginLeft':-(_span.m + _dif2)});
		}
	});
});


function initTabs()
{
	var sets = document.getElementsByTagName("ul");
	for (var i = 0; i < sets.length; i++)
	{
		if (sets[i].className.indexOf("tabset") != -1)
		{
			var tabs = [];
			var links = sets[i].getElementsByTagName("a");
			for (var j = 0; j < links.length; j++)
			{
				if (links[j].className.indexOf("tab") != -1)
				{
					tabs.push(links[j]);
					links[j].tabs = tabs;
					var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1));

					//reset all tabs on start
					if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block";
					else c.style.display = "none";

					links[j].onclick = function ()
					{
						var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
						if (c)
						{
							//reset all tabs before change
							for (var i = 0; i < this.tabs.length; i++)
							{
								var tab = document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1));
								if (tab)
								{
									tab.style.display = "none";
								}
								this.tabs[i].className = this.tabs[i].className.replace("active", "");
							}
							this.className += " active";
							c.style.display = "block";
							return false;
						}
					}
				}
			}
		}
	}
}

// Funktion zum "Suchen und Ersetzen"

function SearchAndReplace(quelltext, suche, ersatz)
{
  // Prüfung des Inputs
  if((quelltext == null) || (suche == null))
  {
    return null;
  }
  if((quelltext.length == 0) || (suche.length == 0))
  {
    return quelltext;
  }
  if((ersatz == null) || (ersatz.length == 0))
  {
    ersatz = "";
  }
  
  // Nun gehts an die Arbeit
  var LaengeSuchText = suche.length;
  var LaengeErsatzText = ersatz.length;
  var Pos = quelltext.indexOf(suche, 0);

  while (Pos >= 0)
  {
      quelltext = quelltext.substring(0, Pos) + ersatz + quelltext.substring(Pos + LaengeSuchText);
      Pos = quelltext.indexOf(suche, Pos + LaengeErsatzText);
  }
  return quelltext;
}

// Funktionen zum Durchlaufen des Bieten-Dialogs
$(document).ready(function() {
   // wir holen uns die gid aus den hidden inputs des forms. 
   var gid = $("#bieten_form input[name=gid]").val();
   // funktion zum reset der AGB checkboxen:
   function resetFormFlags() {
      $("#verschenk-panel input.flag_agb").attr('checked',false);
      $("#confirm-panel input.flag_agb").attr('checked',false);
      $("#confirm-panel label.agb").css("color", "#333333");
      $("#confirm-panel label.agb a").css("color", "#333333");
      $("#verschenk-panel label.agb").css("color", "#333333");
      $("#verschenk-panel label.agb a").css("color", "#333333");
       $("#bieten_form label").css("color","#333333");
      // das flag_geschenk im hidden param setzen:
      $("#bieten_form input[name=flag_geschenk]").val(0);
      return 0;
   };
   // ersten click von oben rechts abfangen
   $("#bieten_form input#kauf_btn1").click(function() {
      // wenn schon eingeloggt, blenden wir als erstes die entsprechenden inputs aus!
      if(gid != "") {
         $("#login-inputs input").css("display", "none");
         $(".register_link").css("display", "none");
         $("#bieten_form input[name=sub_aktion]").val("pruefe_gebot");
      } else {
         $("#bieten_form input[name=sub_aktion]").val("pruefe_login");
      }
      // jetzt tauschen wir die bloecke aus
      $("#slider-panel").css("display", "none"); // slider-ausblenden
      $("#confirm-panel").css("display", "block"); // confirm-block einblenden
      $("#kauf_btn1").css("display", "none"); // den button selbst auch wegnehmen
      // und den value vom confirm-btn:
      $("#confirm-panel input.btn-buy4").val("Jetzt kaufen!");
      // AGB Checkboxen zuruecksetzen
      resetFormFlags();
      return false;
   });
   
   // den click auf Deal verschenken abfangen:
   $("#bieten_form div#verschenk_div a#verschenk_link_top").click(function() {
      // AGB Checkboxen zuruecksetzen
      resetFormFlags();
      // das flag_geschenk im hidden param setzen:
      $("#bieten_form input[name=flag_geschenk]").val(1);
      // andere sachen ausblenden:
      $("#kauf_btn1").css("display", "none"); // den button selbst auch wegnehmen
      // wenn noch nicht eingeloggt, muessen wir erstmal den login kriegen.
      if(gid == "") {
         // also erstmal login:
         $("#slider-panel").css("display", "none"); // slider-ausblenden
         $("#confirm-panel").css("display", "block"); // confirm-block einblenden
         $("#bieten_form input[name=sub_aktion]").val("pruefe_login");
         // Die AGBs koennen wir dann auch spaeter durchziehen:
      //   $("#bieten_form div#confirm-panel div.agb-inputs input").css("display", "none");
      //   $("#bieten_form div#confirm-panel div.agb-inputs label").css("display", "none");
      } else {
         // dann wollen wir den dialog zum verschenken:
         $("#verschenk-panel").css("display", "block"); // confirm-block einblenden
         $("#slider-panel").css("display", "none"); // slider-ausblenden
         $("#confirm-panel").css("display", "none"); // confirm-block einblenden
         $("#time-panel").css("display", "none"); // confirm-block einblenden
         $("#bieten_form input[name=sub_aktion]").val("pruefe_gebot");
      }
      // und den value vom confirm-btn:
      $("#confirm-panel input.btn-buy4").val("Verschenken!");
      return false;
   });
   // den click auf den 2ten button "AGB Check und kaufen" abfangen
   // nur wenn die agb-checkbox eingeblendet ist, soll sie auch abgefragt werden!
   // beim verschenken werden die AGBs erst spaeter gefragt
   $("#bieten_form div#confirm-panel input.btn-buy4").click(function() {
      if( $("#bieten_form div#confirm-panel div.agb-inputs input").css("display") != "none"
           && $("#bieten_form div#confirm-panel input[name=flag_agb]:checked").val() == null) {
         $("#bieten_form div#confirm-panel label.agb").css("color", "#c00");
         $("#bieten_form div#confirm-panel label.agb a").css("color", "#c00");
         return false;
      } else {
         return true;
      }
   });
   // den click auf den button "Verschenken!" abfangen
   $("#bieten_form div#verschenk-panel input.btn-buy4").click(function() {
      // Check auf Flag-AGB
      var check_ok = 1;
      if($("#bieten_form div#verschenk-panel input[name=flag_agb]:checked").val() == null) {
         $("#bieten_form div#verschenk-panel label.agb").css("color", "#c00");
         $("#bieten_form div#verschenk-panel label.agb a").css("color", "#c00");
         check_ok = 0;
      }
      if($("#bieten_form div#verschenk-panel input[name=geschenk_empf_name]").val() == "") {
         $("#bieten_form div#verschenk-panel label[for=geschenk_empf_name]").css("color", "#c00");
         check_ok = 0;
      }
      if($("#bieten_form div#verschenk-panel input[name=geschenk_empf_mail]").val() == "") {
         $("#bieten_form div#verschenk-panel label[for=geschenk_empf_mail]").css("color", "#c00");
         check_ok = 0;
      }
      if($("#bieten_form div#verschenk-panel input[name=geschenk_send_name]").val() == "") {
         $("#bieten_form div#verschenk-panel label[for=geschenk_send_name]").css("color", "#c00");
         check_ok = 0;
      }
      if(check_ok > 0) {
         return true;
      } else {
         return false;
      }
   });
   // den Abbrechen-Link abfangen: Alles wieder auf Standard zuruecksetzen
   $("#bieten_form div#verschenk-panel div.btm_left_ad a").click(function() {
      $("#verschenk-panel").css("display", "none"); // confirm-block einblenden
      $("#slider-panel").css("display", "block"); // slider-ausblenden
      $("#confirm-panel").css("display", "none"); // confirm-block einblenden
      $("#time-panel").css("display", "block"); // confirm-block einblenden
      $("#kauf_btn1").css("display", "block"); // den button selbst auch wegnehmen
      $("#bieten_form input[name=sub_aktion]").val("");
      // AGB Checkboxen zuruecksetzen
      resetFormFlags();
      return false;
   });
   // Wenn eine AGB Checkbox geklickt wird, soll die Farbe wieder von Rot auf Standard gehen
   $("#bieten_form input.flag_agb").click(function() {
       $("#bieten_form label.agb").css("color","#333333");
       $("#bieten_form label.agb a").css("color","#333333");
   });
   // Bei einem Klick in ein Input, soll das entsprechende Label zurueck auf schwarz
   $("#bieten_form input[type=text]").focus(function() {
      var thisID = $(this).attr('id');
      $("#bieten_form label[for="+thisID+"]").css("color","#333333");
      $("#bieten_form label[for="+thisID+"] a").css("color","#333333");
   });
});