<!-- Checkout Button bei Klick mit Ladebar ersetzen! -->
var selected;
var submitter = null;

function submitFunction() {
    submitter = 1;
}

function scrollehoch() {
window.scroll(0, 0);
}

function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}  

function selectRowEffect(object, buttonSelect) {
  if (!selected) {
	selected = $('defaultSelected');
  }
  if (selected) selected.className = 'moduleRowcat';
  object.className = 'moduleRowSelected';
  selected = object;
  $('radio' + buttonSelect).checked = true;
}

function selectRowEffect_new(object, buttonSelect) {
  if (!selected) {
	selected = $('defaultSelected');
  }
  if (selected) selected.className = 'moduleRowcat_new';
  object.className = 'moduleRowSelected_new';
  selected = object;
  $('radio' + buttonSelect).checked = true;
}

function rowOverEffect(object) {
  if (object.className == 'moduleRowcat') object.className = 'moduleRowOver2';
}

function rowOutEffect(object) {
  if (object.className == 'moduleRowOver2') object.className = 'moduleRowcat';
}
function checkBox(object) {
  document.account_newsletter.elements[object].checked = !document.account_newsletter.elements[object].checked;
}
function goToURL() {
  var i, args=goToURL.arguments; document.returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function popupImageWindow(url) {
  window.open(url,'popupImageWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}

function deaktiviere_checkout_button(object){
	object.hide();
	$('checkout_wait_panel').show();
	$('checkout_confirmation').submit();
}

function berechneMenge2(f,Posi,submitt) {
	var x;
	x = eval($(Posi).value) + f;
	if (x < 1) {
		x = 1;
	}
	$(Posi).value = x;
}

<!-- Contact FORM JS-->
/* ajax.Request */
function send_contact_form(form_id, url){
	//var url = 'ajax/contact_us.php';
	var pars = Form.serialize(form_id);
	var loadBar = $('loadBar');
	var emailSuccess = $('emailSuccess');
	var emailFailure = $('emailFailure');
	var form_komplett = $('form_komplett');
	new Ajax.Request(url, {
	  method: 'get',
	  parameters: pars,
	  onLoading : function(transport) {
		loadBar.show();
		emailSuccess.hide();
		emailFailure.hide();
		form_komplett.hide();
		},
	  //parameters: {name: $('name'), mail: $('mail'), text: $('text')},
	  onSuccess: function(transport) {
		//result.update(transport.responseText).setStyle({ background: '#dfd' });
		loadBar.hide();
	    if (transport.responseText == 'OK'){
	      emailSuccess.show();
		  form_komplett.hide();
	    } else {
	      emailFailure.show();
		  form_komplett.show();
		}
	  }
	});
	return false;
}

function validate_contact_form(){
	valid_cf = new Validation('contact_us',{immediate : true, onSubmit : false});
	return valid_cf.validate();
}

function validate_search_form(){
	valid_cf = new Validation('advanced_search',{immediate : true, onSubmit : false});
	return valid_cf.validate();
}

function openbanktransfer(type){
	if(type == 'new'){
		myLightWindow.activateWindow({href: 'bankdaten.php', title: 'Bankdaten hinzufügen', type: 'page', width:500, height:300, type: 'external'});
	} else {
		myLightWindow.activateWindow({href: 'bankdaten.php', title: 'Bankdaten bearbeiten', type: 'page', width:500, height:300, type: 'external'});
	}
	return false;
}	


function search_suggest_off(){
	setTimeout('search_suggest_offconfirm()', 250); 
}

function search_suggest_offconfirm(){
	var result = $('box_search_vorschlag');
	result.hide();
}

function set_style_height(){
	if($('mainnav'))
	{
		var absolutehoehe;
		var links_height = $('mainnav').offsetHeight;
		var mitte_height = $('contents').offsetHeight;
		var rechts_height = $('secondnav').offsetHeight;
	
		if(links_height > mitte_height && links_height > rechts_height) 
				absolutehoehe = links_height;
		if(mitte_height > rechts_height && mitte_height > links_height) 
				absolutehoehe = mitte_height;
		if(rechts_height > links_height && rechts_height > mitte_height) 
				absolutehoehe = rechts_height;
		$('mainnav').setStyle({ height: absolutehoehe + 'px' });
		$('contents').setStyle({ height: absolutehoehe + 'px' });
		$('secondnav').setStyle({ height: absolutehoehe + 'px' });
	}
}

function cat_showtext(){
	$('cat_kurztext').hide();
	$('cat_langtext').show();
	return false;
}


/* Checkout Metrics JS */

function show_payment(element, id){
    
    if(id == null) return;
    
    /* First Step hide the whole box */
    $('payment_block').hide();
    $('address_block').hide();
    
    
    /* Second Step hide all single payment rows */
    allNodes = document.getElementsByClassName("checkout_metric_block_shipping");
    for(i = 0; i < allNodes.length; i++) {
        allNodes[i].hide();
    }
    
    /* Third Step make bg dark from active Element and bright from other */
    allNodes = document.getElementsByClassName('checkout_versand_zeile_active');
    for(i = 0; i < allNodes.length; i++) {
        allNodes[i].removeClassName('checkout_versand_zeile_active');
        allNodes[i].addClassName('checkout_versand_zeile');
    }
    
    if(element != null){
        $(element).removeClassName('checkout_versand_zeile');
        $(element).addClassName('checkout_versand_zeile_active');
    }
    
    /*Check the Radio Button */
    $('metrics_shipping_radio_'+id).checked = true;

    /* Uncheck ALL Payment Buttons on Shipping Change and RESET Class! */
    pay_Nodes = document.getElementsByName('metrics_payment');
    setCheckedValue(pay_Nodes, "");
    allNodes = document.getElementsByClassName('checkout_payment_zeile_active');
    for(i = 0; i < allNodes.length; i++) {
        allNodes[i].removeClassName('checkout_payment_zeile_active');
        allNodes[i].addClassName('checkout_payment_zeile');
    }
    
    
    setup_pfeil();
    $('payment_block').show();
    $('payment_for_'+id).show();
    $('metrics_linie').show();
    
}


function show_address(element, id){
    
    
    /* Third Step make bg dark from active Element and bright from other */
    allNodes = document.getElementsByClassName("checkout_payment_zeile_active");
    for(i = 0; i < allNodes.length; i++) {
        allNodes[i].removeClassName('checkout_payment_zeile_active');
        allNodes[i].addClassName('checkout_payment_zeile');
    }
    
    $(element).removeClassName('checkout_payment_zeile');
    $(element).addClassName('checkout_payment_zeile_active');
    
    /* Check if there is an extra_info Kasten zu aktivieren */
    extra_Info_Nodes = document.getElementsByClassName("checkout_metrics_extra_info");
    for(i = 0; i < extra_Info_Nodes.length; i++) {
        extra_Info_Nodes[i].hide();
    }    
    if($('extra_info_'+id) != null){
        $('extra_info_'+id).show();
    }

    
    /*Check the Radio Button */
    $('metrics_payment_radio_'+id).checked = true;
    
    /*Show Things */
    $('address_block').show();
    
    setup_pfeil();
}


function metrics_select_first_entry(id1, id2){

    /* First Step hide the whole box */
    $('payment_block').hide();
    
    ship_Nodes = document.getElementsByName("metrics_shipping");
    pay_Nodes = document.getElementsByName("metrics_payment");

    if(id1 == ''){
        $('address_block').hide();
        $('metrics_linie').hide();
    } else{
        setCheckedValue(ship_Nodes, id1);
        checked_shipping = getCheckedObject(ship_Nodes);
        show_payment(checked_shipping.parentNode, id1);            
        if(id2 == ''){
            $('address_block').hide();
        } else {
            setCheckedValue(pay_Nodes, id1+'_'+id2);
            checked_payment = getCheckedObject(pay_Nodes);
            show_address(checked_payment.parentNode, id1+'_'+id2);                
        }
    }

    setup_pfeil();
    
    if(id1 == ''){
        //Lass alles gehidet
    } else{
        if(id2 == ''){
            $('address_block').hide();
        } else {
            $('address_block').show();
        }
        //Zeige Pfeil!
        $('metrics_linie').show();
        $('payment_block').show();
    }
    
}


function setup_pfeil(){
    // Find the top of the Pfeil :)
    var top, checked_shipping;
    
    allNodes = document.getElementsByName("metrics_shipping");
    checked_shipping = getCheckedObject(allNodes);

    top_sh = checked_shipping.offsetTop - 155;

    $('metrics_linie').setStyle({ top: (top_sh) + 'px' });
    
    //Position of Payment Pfeil
    allNodes = document.getElementsByName("metrics_payment");
    checked_payment = getCheckedObject(allNodes);
    
    if(checked_payment == ""){
        top_payment = $('payment_block').parentNode.offsetTop - 20;
    } else {
        top_payment = checked_payment.offsetTop - 155;
    }
    
    $('metrics_pfeil_payment').setStyle({ top: (top_payment - top_sh - 7) + 'px' });
    $('metrics_linie').setStyle({ height: ((top_payment - top_sh - 2) + 'px') });
    
    //Position of Address Pfeil
    if($('address_block').style.display != 'none'){
        $('metrics_pfeil_address').show();
        top_address = $('metrics_pfeil_head3').offsetTop + 25;
        $('metrics_pfeil_address').setStyle({ top: (top_address - top_sh - 175) + 'px' });
        $('metrics_linie').setStyle({ height: ((top_address - 160 - top_sh) + 'px') });
    } else {
        $('metrics_pfeil_address').hide();
    }
}

/* Gucke ob Submit erlaubt! */
function checkout_metrics_valid_submit() {
    Pay_Nodes = document.getElementsByName("metrics_payment");
    checked_payment = getCheckedObject(Pay_Nodes);
    
    if(checked_payment == ""){
        //FEHLER!
        alert("False");
        return false;
    } else {
        //Oki :)
        return true;
    }
    
}


// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
	if(!radioObj)
		return;
	var radioLength = radioObj.length;
	if(radioLength == undefined) {
		radioObj.checked = (radioObj.value == newValue.toString());
		return;
	}

	for(var i = 0; i < radioLength; i++) {
		radioObj[i].checked = false;
		if(radioObj[i].value == newValue.toString()) {
			radioObj[i].checked = true;
		}
	}
}

function getCheckedObject(radioObj) {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i];
		}
	}
	return "";
}

function delete_karte(){
    $('karten_button_delete').hide();
    $('karten_button').show();
    $('kartenKategorieAuswahl').hide();
    $('kartenText').hide();
    Karten_Nodes = document.getElementsByClassName("KartenWrapper");
    for(i = 0; i < Karten_Nodes.length; i++) {
        Karten_Nodes[i].hide();
    } 
    
    $('delete_karte').value = 1;
    return false;
}

function show_kartenzugabe(karte_id, kategorie_id){
    $('kartenKategorieAuswahl').show();
    $('karten_button').hide();
    $('karten_button_delete').show();
    $('kartenText').show();
    $('delete_karte').value = 0;

   /* Hide all the other */
    Karten_Nodes = document.getElementsByClassName("KartenWrapper");
    for(i = 0; i < Karten_Nodes.length; i++) {
        Karten_Nodes[i].hide();
    }         

    if(karte_id != null && kategorie_id != null){
        $('KategorieAuswahl').options[kategorie_id].selected = true;
        $('kartenauswahl_' + kategorie_id + '_' + karte_id).checked = true;
        radio_Nodes = document.getElementsByName('kartenauswahl');
        setCheckedValue(radio_Nodes, kategorie_id + '_' + karte_id);
        $('karte_div_' + kategorie_id + '_' + karte_id).addClassName('carousel_slide_active');
        $('karten_' + kategorie_id).show();
    } else {
        $('karten_' + $F('KategorieAuswahl')).show();
    }
    
    return false;
}

function markiere_karte(element, radio_id){
    /* Third Step make bg dark from active Element and bright from other */
    allNodes = document.getElementsByClassName('carousel_slide_active');
    for(i = 0; i < allNodes.length; i++) {
        allNodes[i].removeClassName('carousel_slide_active');
    }
    
    $(element).addClassName('carousel_slide_active');
    radio_Nodes = document.getElementsByName('kartenauswahl');
    setCheckedValue(radio_Nodes, radio_id);

}