function imageSwitchEx(lID, nID, cImagePath, cBigImagePath)
{     
	var image = $('#image' + nID);
	var src = image.attr("src");
	if (typeof cImagePath != "undefined")
	{
		var overlay = $('#overlay' + nID);
		overlay.css("display", "block");
		objImage = new Image();
		objImage.onload = function() {
			imagePreloadedEx(nID, cImagePath, cBigImagePath);
		};
		objImage.src = cImagePath;
	}
	else {
		image.attr("src", images_arr[nID]);
	}
}

function imagePreloadedEx(nID, cImagePath, cBigImagePath)
{
   imagePreloaded(nID, cImagePath);
   var ahref = $('#href' + nID);
   ahref.attr('href', cBigImagePath);
}

var images_arr = new Array();
function imageSwitch(nID, cImagePath)
{
	var image = $('#image' + nID);
	var src = image.attr("src");
	if (typeof cImagePath != "undefined")
	{
		var overlay = $('#overlay' + nID);
		overlay.css("display", "block");
		objImage = new Image();
		objImage.onload = function() {
			imagePreloaded(nID, cImagePath);
		};
		objImage.src = cImagePath;
	}
	else {
		image.attr("src", images_arr[nID]);
	}
}

function imagePreloaded(nID, cImagePath)
{
	var overlay = $('#overlay' + nID);
	var image = $('#image' + nID);
	var src = image.attr("src");
	images_arr[nID] = src;
	image.attr("src", cImagePath);
	overlay.css("display", "none");
}

// Falls nVLKeys gesetzt ist und 1 ist, dann soll die Funktion die Vergleichsliste nicht aus der Session aufbauen
// Sondern die Keys der Artikel�bersicht nutzen
function showCompareList(nVLKeys)
{
	if(typeof(nVLKeys) == "undefined")
		nVLKeys = 0;

	myCallback = xajax.callback.create();
	myCallback.onComplete = function(obj) {
		data = obj.context.compareHTML;
		if (typeof data == 'string' && data.length > 0)
		{
			$.modal(data, {
				close: true,
				opacity: 30,
				appendTo: '#page',
				persist: true, 
				onOpen: function (dialog) {
					dialog.overlay.fadeIn('slow', function () {
						dialog.data.hide();
						dialog.container.fadeIn('slow', function () {
							dialog.data.slideDown('slow');
						});
					});
				}
			});
		}
	}
	xajax.call('gibVergleichsliste', { parameters: [nVLKeys], callback: myCallback, context: this } );
	return false;
}

function getPLZList()
{
	if ($('input.plz_input').length == 0 ||
		 $('select.country_input').length == 0)
		return;
	
	var plz = $('input.plz_input').val();
	var country = $('select.country_input').val();

	if (plz.length < 4 || country.length == 0)
		return;
	
	myCallback = xajax.callback.create();
	myCallback.onComplete = function(obj) {
		data = obj.context.plz_data;

		if ($('input.city_input').length <= 0)
			return;
		
		if ($('#form_city_dropdown').length || data.length > 0)
		{
			$('#form_city_dropdown').slideUp();
			$('#form_city_dropdown').remove();
		}
		
		if (data.length == 0)
			return;
		
		var dropdown = $('<div></div>')
			.attr('id', 'form_city_dropdown')
			.css({
				display: 'none',
				width: $('input.city_input').outerWidth(true),
				position: 'absolute',
				left: $('input.city_input').offset().left,
				top: $('input.city_input').offset().top + $('input.city_input').outerHeight(true),
				zIndex: 1004
			})
			.appendTo('body');
		
		var list = $('<ul></ul>');	
		$.each(data, function(index, o) { 
			var item = $('<li></li>').html(o.cOrt);
			item.click(function() {
				$('#form_city_dropdown').slideUp();
				$('input.city_input').val($(this).html());
			});
			list.append(item);
		});
		dropdown.append(list).slideDown();
	}
	xajax.call('gibPLZInfo', { parameters: [plz, country], callback: myCallback, context: this } );
}

/*
 *  shipping costs
 */
function calcShippingCosts(kArtikel_arr, container)
{
	myCallback = xajax.callback.create();
	myCallback.onComplete = function(obj) {
		data = obj.context.response;
		console.log(data);
		
		if ($(container).length == 0)
			return;
		
		if (typeof data == "object") {
			$(container).html(data.cText);
			$(container).slideDown(250);
		}
		else {
			$(container).hide();
		}
	}
	xajax.call('ermittleVersandkostenAjax', { parameters: [kArtikel_arr], callback: myCallback, context: this } );
}


/*
 *  extended design
 */
function switchStyle(ed, style)
{   
   $('#styled_view > li').each(function(idx, item) {
      $(item).removeClass('list').removeClass('gallery').removeClass('mosaic');
      $(item).addClass(style);
   });
   
   $('#ed_list, #ed_gallery, #ed_mosaic').removeClass('active');
   $('#ed_' + style).addClass('active');
   
   xajax_setzeErweiterteDarstellung(ed);
}

/*
 *  overlay
 */
function set_overlay(id, pos, margin, image)
{
   $(id).load(function() {
      $(id).wrap('<span class="overlay_image_wrapper" />');
      var off = $(this).position();
      $(id).after('<div class="overlay_image overlay_image'+pos+'" style="top:'+(parseInt(off.top)+parseInt(margin))+'px;left:'+(parseInt(off.left)+parseInt(margin))+'px;width:'+ (parseInt($(this)[0].offsetWidth) - parseInt((margin*2))) +'px;height:'+ (parseInt($(this)[0].offsetHeight) - parseInt((margin*2))) +'px;background-image:url(\''+image+'\')" />');
   });
}

/*
 *  popups
 */
function show_popup(mixed, bData, bFast, fnCreated) {
   var dialog = bData ? mixed : '#popup' + mixed;
   $(dialog).modal({
		opacity: 30,
		appendTo: '#page',
		persist: true,
		close: true,
		onOpen: function (dialog) {
			dialog.overlay.fadeIn((typeof bFast != 'undefined' && bFast) ? 'fast' : 'slow', function () {
				dialog.data.hide();
				dialog.container.fadeIn((typeof bFast != 'undefined' && bFast) ? 'fast' : 'slow', function () {
					dialog.data.slideDown((typeof bFast != 'undefined' && bFast) ? 'fast' : 'slow');
					if (typeof fnCreated == 'function')
						fnCreated();
				});
			});
		},
		onShow: function (dialog) {

		}
	});
}

/*
 *  image popups
 */
function show_image(url) {
   var dialog = $('<div class="tcenter"><img src="'+url+'" />');
   $(dialog).modal({close: true, onOpen: function (dialog) {
      dialog.overlay.fadeIn('slow', function () {
         dialog.data.hide();
         dialog.container.fadeIn('slow', function () {
            dialog.data.slideDown('slow');
         });
      });
   }});
}

/*
 *  register available popups
 */
function register_popups() {
	if ($('.popup_image').length > 0)
	{
		$('.popup_image').each(function(idx, item) {
			$(item).bind('click', function() {
				var href = $(this).attr('href');
				show_image(href);
				return false;
			});
		});
	}

	if ($('.popup').length > 0)
	{
		$('.popup').each(function(idx, item) {
			$(item).bind('click', function() {
				show_popup($(this).attr('id'));
				return false;
			});
		});
	}
}

/*
 *  expander
 */
function register_expander() {
   $('.expander').each(function(idx, item) {
      var ex = '#ep_' + $(this).attr('id');
      var lnk = '#' + $(this).attr('id');
      
      $(this).click(function(e) {
         e.preventDefault();
         $(ex).toggle();
         $(lnk).toggleClass("active");
      });

      $(ex).mouseup(function() {
         return false;
      });
      
      $(document).mouseup(function(e) {
         if ($(lnk).hasClass("active"))
         {
            $(lnk).removeClass("active");
            $(ex).hide();
         }
      });
   });
}

/*
 *  switch style
 */
function switchStylestyle(styleName)
{
   $('link[@rel*=style][title]').each(function(i) 
   {
      this.disabled = true;
      if (this.getAttribute('title') == styleName) this.disabled = false;
   });
   $.cookie('style', styleName, { expires: 7 });
}

function loadStyle()
{
   $('.styleswitch').click(function() {
		var newStyle = this.getAttribute("rel");
		$('body').fadeOut("fast", function()
		{
	      switchStylestyle(newStyle);
			$('body').fadeIn("fast");
		});
	   return false;
   });
   
   var style = $.cookie('style');
   if (style) switchStylestyle(style);
}

/*
 *  placeholder
 */
function setPlaceholder()
{
	$(".placeholder").each(function(idx, item)
	{
		var item = $(this);
		var text = item.attr("title");
		var form = item.parents("form:first");
		
		if (item.val() === "")
			item.val(text);
		
		item.bind("focus.placeholder", function(event) {
			if (item.val() === text)
				item.val("");
		});
		
		item.bind("blur.placeholder", function(event) {
			if (item.val() === "")
				item.val(text);
		});
		
		form.bind("submit.placeholder", function(event) {
			if (item.val() === text)
				item.val("");
		});
	});
}

function m_submit_form( nameAttr, valueAttr, formId ) {
	if (nameAttr) { $("#"+formId).prepend("<input type=\"hidden\" name=\"" + nameAttr + "\" value=\""+valueAttr+"\" />"); }
	$("#"+formId).submit();
	$(this).replaceWith("<span class=\"styledbutton\"><span>"+$(this).text()+"</span></span>");
}

function styleButtons() { 
	$("button.cnt_button").each(function() {
		var btnContent = $(this).text();
		if($(this).attr('onclick')) { 
			var onClickValue = $(this).attr('onclick');
		} else {
			var onClickValue = "m_submit_form('"+$(this).attr('name')+"', '"+$(this).text()+"', '"+$(this).parents('form').attr('id')+"')";
			//"document.getElementById('" + $(this).parents('form').attr('id') + "').submit(); return false";
		}
		//$(this).removeClass('submitbutton');
		$(this).replaceWith("<a "+($(this).attr('id') ? "id=\""+$(this).attr('id')+"\" " : "")+"class=\""+$(this).attr('class')+"\" href=\"#"+$(this).attr('name')+"\" onclick=\""+onClickValue+"\"><span>"+btnContent+"</span></a>"); 
	});
}

/*
 *  comment helpful element
 */
function register_helpful() {
	$(".use_helpful").each(function() {
		var a = $(this).attr('id');		
		if (!$('#' + a).hasClass('jsenabled'))
			$('#' + a).addClass('jsenabled');
		
		$(this).mouseenter(function() {
			$('#' + a).addClass('active');
			$('#' + a + ' p.helpfully').fadeIn(250);
		}).mouseleave(function() {
			$('#' + a + ' p.helpfully').fadeOut(100);
			$('#' + a).removeClass('active');
		});
	});
}

/*
 *  document ready
 */
$(document).ready(function() {
   register_popups();
   register_expander();
   $("#suggest").focus().autocomplete([]);
   
   // highlight input labels
   $(':input').focus(function() {
      var id = $(this).attr('id');
      $("label[for$='"+id+"']").addClass('active');
   }).blur(function() {
      var id = $(this).attr('id');
      $("label[for$='"+id+"']").removeClass('active');
   });
   
   // style loader
   loadStyle();
   
   // style tooltip
//   $('#style').css({opacity: '0.6'}); 
   $('#style li.tooltip').hide();
   $('#style').mouseenter(function() {
//      $(this).stop().animate({opacity:'1'}, 300);
      $('#style li.tooltip').show();
   }).mouseleave(function() {
//      $(this).stop().animate({opacity:'0.6'}, 200);
      $('#style li.tooltip').hide();
   });
	
	// placeholder
	setPlaceholder();
	
	// button styler
	// styleButtons();
	
	// remove focus from input
	$('#submit_search').focus();
	
	$('#headlinks ul li > a').mouseenter(function() {
		$('#headlinks').addClass('active');
	}).mouseleave(function() {
		$('#headlinks').removeClass('active');
	});
	
	register_helpful();
	
	$('input.quantity').bind('keyup', function() {
		testcall();
	});
});

function testcall() {
	var oArtikel_arr = new Array();
	oArtikel_arr[0] = { kArtikel: 513, fAnzahl: 1 };
	calcShippingCosts(oArtikel_arr, '#testcase');
}