
/*******
#----------------------------------------------------------------------------
Function for popover in left-nav
#----------------------------------------------------------------------------
*******/
function insertSizeData(bin){
    sizeStyleStr = "<style>.sizeFloat {background-color:white; border: solid 1px #333333; z-index:400; position:absolute;}</style>";

    divStr = '<div class="sizeFloat" id="isFloat' + bin + '" onMouseout=""></div>';

    document.write(sizeStyleStr);
    document.write(divStr);

    hidePopover('isFloat' + bin);

}

var populated = 0;

/*******
#----------------------------------------------------------------------------
Function for popover in left-nav
#----------------------------------------------------------------------------
*******/
function showSizeData(bin, label1, label2, useULTag){

    var divDisp = document.getElementById('sizebin' + bin);
    var divIdFloat = document.getElementById('isFloat' + bin);

    divIdFloat.style.left = divDisp.offsetLeft - 0;
    divIdFloat.style.top = divDisp.offsetTop + 10;
    divIdFloat.style.visibility = 'visible';


  if (populated == 0)
  {
   var popovercontent = '<div class="margin12px"><table  class="sizePop"><tr class="even"><td colspan="6" class="padLeft12px lbl1">'+ label1 +'</td></tr><tr><td colspan="6" class="lbl2">'+ label2 +'</td></tr><tr>'

    var ArrLinks = new Array();
    ArrLinks = sizeLinks[bin];
    var linkCount = ArrLinks.length;
    var colspanValue = 6 - (linkCount % 6);
    var padRtClass = '';

    for (i = 0; i < linkCount; i++) {
        if ( ((i+1) % 6) == 0 ) {
            padRtClass = 'padRight12px';
        } else {
            padRtClass = '';
        }
        if (  useULTag ) {
            popovercontent = popovercontent + '<td class="sizeCell ' + padRtClass + '"><ul class="default">'+ ArrLinks[i]  + '</ul></td>';
        }else {
            popovercontent = popovercontent + '<td class="sizeCell ' + padRtClass + '">' + ArrLinks[i] + '</td>';
        }
        if ( ((i+1) % 6) == 0 ) {
             popovercontent = popovercontent + '</tr><tr>';
        }
    }

    popovercontent = popovercontent + '<td colspan=' + colspanValue + '>&nbsp;</td></tr></table></div>';
    divIdFloat.innerHTML = popovercontent;
   }
    insertIFrameBehindPopup(divIdFloat);
    populated = 1;
}

document.observe("dom:loaded", function() {
	$$('.anfragen .ask_delete').each(function(e){
		e.observe('click', ask_delete);
	});

	$$('.popup_link').each(function(e){
		e.observe('click', link_to_popup);
	});

	$$('.inline_label').each(function(e){
		if(e.value != '') {
			data(e).set('default', e.value);
		} else {
			data(e).set('default', '');
		}
		e.observe('focus', function(event){
			var element = event.element();
			if(element.value == data(element).get('default')) {
				element.value='';
			}
		});
		e.observe('blur', function(event){
			var element = event.element();
			if(element.value == '') {
				element.value=data(element).get('default');
			}
		});
	});
});
function popup_event_binding() {
	$$('#dyn_popup .inline_label').each(function(e){
		if(e.value != '') {
			data(e).set('default', e.value);
		} else {
			data(e).set('default', '');
		}
		e.observe('focus', function(event){
			var element = event.element();
			if(element.value == data(element).get('default')) {
				element.value='';
			}
		});
		e.observe('blur', function(event){
			var element = event.element();
			if(element.value == '') {
				element.value=data(element).get('default');
			}
		});
	});
}

function link_to_popup(event){
	Event.stop(event);
	var element = event.element();
	if((element.tagName != 'a')&&(element.tagName != 'A')) {
		element = element.up('a');
	}

	var url=element.readAttribute('href');

	new Ajax.Request(url,{
		onCreate:	function(){$('ajax_loader').show();},
		onSuccess:	function(t){
						$('ajax_loader').hide();
						open_popup(t.responseText);
						popup_event_binding();
					}
	});
}

function ask_delete(event) {
	Event.stop(event);
	remove_del_question();
	var element = event.element();
	var delete_url = element.up('a').readAttribute('href');
	var ask = '<div id="ask4delete">wirklich l&ouml;schen? <a href="'+delete_url+'">ja</a>&nbsp;&nbsp;<a href="#" onclick="remove_del_question();">nein</a></div>';
	element.up('td.action').next().insert(ask);
}
function remove_del_question() {
	var previous_question = $$('#ask4delete');
	if(previous_question.length > 0) {
		$$('#ask4delete')[0].remove();
	}
	return false;
}

function open_popup(content) {
	if(!$('dyn_popup')) {
		var new_popup = '<div id="dyn_popup" style="display:none;"><div class="popup_container" style=""></div><div class="popup_container_schatten_bottom"><div></div></div></div>';
		$('hauptteil').insert(new_popup);
	}
	$$('#dyn_popup .popup_container')[0].innerHTML = content;
	$('dyn_popup').show();
	position_popup();
}

function close_popup(){
	if($('dyn_popup')) {
		$('dyn_popup').hide();
		$$('#dyn_popup .popup_container')[0].innerHTML = '';
	}
	return false;
}

function position_popup() {
	var pop_h	= $$('#dyn_popup .popup_container')[0].getHeight();
	var view_h	= document.viewport.getHeight();
	var pop_top = 50;
	if(pop_h < (view_h - 50)) {
		var pop_top = (view_h - pop_h) / 2 - 20;
	}
	$('dyn_popup').setStyle({'top':pop_top+'px'});
}

function l_anfrage(qt){
	/*	lieferanfrage - durch klick auf button "lieferanfrage starten"
		form-url aus hidden input #anfrage_url
		form serialisieren, abschicken - r�ckgabe in popup */
	var url = $F('anfrage_url') + '&qt=' + qt;
	var form = $$('#anfrage_url')[0].up('form');

	form.writeAttribute('action',url);

	form.request({
		method:		'post',
		parameter:	form.serialize(),
		onCreate:	function(){
						close_popup();
						$('ajax_loader').show();
					},
		onSuccess:	function(t){
						$('ajax_loader').hide();
						open_popup(t.responseText);
						popup_event_binding();
					}
	});
}
function subm_l_anfrage() {
	var form = $('anfrageform');

	var formerror = false;
	if(
		($F('anfr_zip').strip() == '')
		||
		(
			(typeof(data($('anfr_zip')).get('default'))!='undefined')
			&&
			($F('anfr_zip') == data($('anfr_zip')).get('default'))
		)
		) {
		$('anfr_zip').setStyle({	borderColor:'red'});
		formerror = true;
	} else {
		$('anfr_zip').setStyle({	borderColor:'silver'});
	}

	var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	if(!emailPattern.test($F('anfr_mail'))) {
		$('anfr_mail').setStyle({	borderColor:'red'});
		formerror = true;
	} else {
		$('anfr_mail').setStyle({	borderColor:'silver'});
	}

	if(!formerror) {
		form.request({
			method:		'post',
			parameter:	form.serialize(),
			onCreate:	function(){$('ajax_loader').show();},
			onSuccess:	function(t){
							$('ajax_loader').hide();
							open_popup(t.responseText);
							popup_event_binding();
						}
		});
	}
	return false;
}
/* data-storage-utility*/
/* http://james.padolsey.com/javascript/element-datastorage/ */
(function(){
    var cache = [0],
        expando = 'data' + +new Date();
    function data(elem) {
        var cacheIndex = elem[expando],
            nextCacheIndex = cache.length;
        if(!cacheIndex) {
            cacheIndex = elem[expando] = nextCacheIndex;
            cache[cacheIndex] = {};
        }
        return {
            get : function(key) {
                return cache[cacheIndex][key];
            },
            set : function(key, val) {
                cache[cacheIndex][key] = val;
                return val;
            }
        }
    }
    window.data = data;
})();


    function return_false() {
        return false;
    }

