$(document).ready(function(){

$('#as_suchen').click(function() {
volltext();
});
$('#as_art .as_item input').click(function() {

if ($(this).attr('checked')) {
$('#as_art .as_item input:checkbox').attr('disabled', true);
$('#as_art .as_item input:checkbox:checked').removeAttr('disabled');
art(getSelectedString('as_art'),getSelectedString('as_material'));
}
else {
$('#as_art .as_item input:checkbox').removeAttr('disabled');
material(getSelectedString('as_art'),getSelectedString('as_material'));
}
$('#as_ergebnis').empty();
});
$('#as_material .as_item input').click(function() {
$('#as_ergebnis').empty();
if ($(this).attr('checked')) {
$('#as_material .as_item input:checkbox').attr('disabled', true);
$('#as_material .as_item input:checkbox:checked').removeAttr('disabled');
material(getSelectedString('as_art'),getSelectedString('as_material'));
}
else {
$('#as_material .as_item input:checkbox').removeAttr('disabled');
art(getSelectedString('as_art'),getSelectedString('as_material'));
}
});

$('#gesamtuebersicht').click(function() {
$('#gesamt').remove();
if ($(this).hasClass('open')) {
$(this).removeClass('open');
}
else {

$(this).addClass('open');
gesamtUebersicht($(this).attr('rel'));
}
});

$('.gesamt').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
 gesamtHover($(this).find('img').attr('src'));
  } else {
$('#hover').remove();}
});
$('*').mousemove(function(e){
var gesamtOffset=$('#editioncontent').offset().left;
if (e.pageY > '540') {
var top = e.pageY-170;
}
else {
var top = e.pageY;
}
if ((e.pageX-gesamtOffset) > '540') {
var bottom = e.pageX-620;
}
else {
var bottom = e.pageX+20;
}
$("#hover").css({'position' : 'absolute', 'left' : bottom, 'margin-top' : top, 'display' : 'block', 'z-index' : '999'}).attr('name',e.pageX);
   });

$('.gesamt').live('click', function() {
var category = $(this).attr('name');
var product = $(this).attr('rel');
location.href='http://www.bunz-design.de/edition/gesamtuebersicht.html?tt_products[cat]='+category+'&tt_products[begin_at]='+product+'#product';
});

newsletter ();
console.log("click");

$(".productinfo a ").toggle(function(){
        $("div.productdescription").addClass("toggleoff");
        $(".productdescription").fadeIn("fast", function() {
        });
				setHeight();
    }, function () {
        $(".productdescription").fadeOut("fast", function() {
            $("div.productdescription").fadeOut("fast").addClass("toggleon");
        });
    });
		function setHeight() {
				var contentHeight = document.getElementById('inner').offsetHeight;
				if (contentHeight > 476) {
				var innerElement = document.getElementById('inner');
					
						innerElement.style.height = (476) + 'px';
				}
					else {
						innerElement.style.height = null;
					}
			}	
	
	$('.bestellen').live("click", function () {
var uid=$(this).attr('rel');
$.ajax({
	type:'POST',
    url: '/?eID=warenkorb',
    data: {
	eID: "warenkorb",	// die erstellte eID
	uid: uid	// Benutzereingabe
	},
    dataType: 'json',
    success: function(result) {
    if (result.myResult=='ok') {
    var witems = ($('.witems').html()*1)+1;
    $('.witems').html(witems);
    var message='Der Artikel wurde dem Warenkorb hinzugefügt';
    }
    else {
    var message='Dieser Artikel befindet sich bereits im Warenkorb';
    }
    $('<div id="info"><p>'+ message +'</p></div>').animate({opacity: 0.8}).appendTo('#tx-ttproducts-pi1-list');
	$('#info').hide().fadeIn(100).delay(2000).fadeOut(100);
    }
    });

});
function isValidEmailAddress(email) {
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(email);
}

function newsletter() {
$('#eintragen').click(function () {
var email = $('input.newsletter').val();

if (isValidEmailAddress(email)==false) {
alert("Bitte geben Sie eine E-Mail-Adresse ein");
}
else {
var message = '<p style=" margin-top:30px;">Wir haben Ihnen eine E-Mail an '+email+' geschickt. Um den Newsletter zu aktivieren klicken Sie auf den Link in der E-Mail.</p>';
$('<div id="info"><p>'+ message +'</p></div>').animate({opacity: 0.8}).appendTo('#footer');
$('#info').hide().fadeIn(100).delay(8000).fadeOut(100).queue( function() {
$(this).remove();
$.ajax({
	type:'POST',
    url: '/?eID=warenkorb',
    data: {
	eID: "warenkorb",	// die erstellte eID
	emailadresse: email	// Benutzereingabe
	},
    dataType: 'json',
    success: function(result) {
    }
    });

});

}
});
}
function gesamtUebersicht(uid) {
gesamtData(uid);
}
function gesamtData (uid) {
$.ajax({
	type:'POST',
    url: '/?eID=warenkorb',
    data: {
	eID: "warenkorb",	// die erstellte eID
	gesamtData: uid	// Benutzereingabe
	},
    dataType: 'json',
    success: function(result) {
    $('<div id="gesamt"><div class="g_left"></div><div class="g_center"><div class="inner" style="left:0px"></div></div><div class="g_right"></div></div>').appendTo('#body');
    $.each(result, function(i,item){
        $('<div class="gesamt gitem'+item.uid+'" rel="'+i+'" name="'+item.category+'"><img src="uploads/pics/'+item.image+'" width="108" height="58" /></div>').appendTo('.g_center .inner');
    });
    var maxitems=7;
    $('.gitem'+uid).css({ opacity: 0.5 });
    $('.g_center .inner').wrapChildren({ childElem : '.gesamt' , sets: 5});
    var countGesamt=$('.col').length*117;
    $('.g_center .inner').css('width', countGesamt+'px'); 
    
    if (countGesamt >800) {
    	$('.g_right').css('background-image','url(fileadmin/images/g_weiter_a.png)');
    }

    },
    complete: function() {
		if ($('.col').length < 8) {
			var left = 409-(($('.col').length*117)/2);
			$('.g_center .inner').css('left', left);
		}
	}
    });
var scroll=117;
$('.g_right').live('click', function() {
if ($(this).attr('rel')==1) {
}
else { 
$(this).attr('rel', '1');
var scrollby=parseFloat($('.g_center .inner').css('left'))-scroll;
var scrollwidth=parseFloat($('.g_center .inner').css('width'));

if ((scrollby+scrollwidth) > 800) {
$('.g_right').css('background-image','url(fileadmin/images/g_weiter_a.png)');
$('.g_center .inner').animate({
	left:scrollby,
	queue:false
	},3000,function() {$('.g_right').attr('rel','')});	
}	

if ((scrollby+scrollwidth) < 820) {
$('.g_right').css('background-image','url(fileadmin/images/g_weiter.png)');
}
if(scrollby < 0) {
$('.g_left').css('background-image','url(fileadmin/images/g_zurueck_a.png)');
}
}
});
$('.g_left').live('click', function() {
if ($(this).attr('rel')==1) {
}
else { 
$(this).attr('rel', '1');
var scrollby=parseFloat($('.g_center .inner').css('left'))+scroll;
var scrollwidth=parseFloat($('.g_center .inner').css('width'));
if (scrollby < 1) {
$('.g_left').css('background-image','url(fileadmin/images/g_zurueck_a.png)');
$('.g_center .inner').animate({
	left: scrollby
	},3000,function() {$('.g_left').attr('rel','')});
}	
if (parseFloat($('.g_center .inner').css('left')) -117) {
$('.g_left').css('background-image','url(fileadmin/images/g_zurueck.png');
}
}
});
}
(function($){

   $.fn.wrapChildren = function(options) {
  
    var options = $.extend({
                              childElem : undefined,
                              sets : 1,
                              wrapper : 'div'                            
                            }, options || {});
    if (options.childElem === undefined) return this;
    
	return this.each(function() {
		var elems = $(this).children(options.childElem);
		var arr = [];
		
		elems.each(function(i,value) {
		  arr.push(value);
		  if (((i + 1) % options.sets === 0) || (i === elems.length -1))
			{
			  var set = $(arr);
			  arr = [];
			  var addWrap=document.createElement(options.wrapper);
			  addWrap.className="col";
			  //addWrap.setAttribute('style','display:none;');
			  set.wrapAll(addWrap);
			  
			}
		});
    });
  
  }

})(jQuery);
function volltext() {
var suchb=$('input.as_input').val();
	if (suchb.length < 3) {
		$('.as_fehler').remove();
		$('<div class="as_fehler">Bitte geben Sie einen Suchbegriff mit mindestens 3 Zeichen ein.</div>').insertAfter('#as_suchen');
	}
	else {
		$('.as_fehler').remove();
		
		$.ajax({
	type:'POST',
    url: '/?eID=warenkorb',
    data: {
	eID: "warenkorb",	// die erstellte eID
	art: "0",
	name:suchb	// Benutzereingabe
	},
    dataType: 'json',
    success: function(result) {
    $('#as_ergebnis').empty();
     $.each(result, function(i,item){
     if(item.Fehler) {
 	$('<div class="fehler">Ihre Suche nach '+item.Fehler+' ergab keinen Treffer.</div>').appendTo('#as_ergebnis');
      }
     else {
        $('<div class="ase_item" rel="'+item.uid+'" name="'+item.category+'"><a href="http://www.bunz-design.de/edition/gesamtuebersicht.html?tt_products[cat]='+item.category+'&tt_products[product]='+item.uid+'#product"><img src="uploads/pics/'+item.image+'" width="108" height="58" /></a></div>').appendTo('#as_ergebnis');
        }
    });
    
    
    }
    });
	}
}
function art(suchb,suchb2) {
	$.ajax({
	type:'POST',
    url: '/?eID=warenkorb',
    data: {
	eID: "warenkorb",	// die erstellte eID
	art: "1",
	name:suchb,
	name2:suchb2	// Benutzereingabe
	},
    dataType: 'json',
    success: function(result) {
    $('#as_ergebnis').empty();
     $.each(result, function(i,item){
     if(item.Fehler) {
 	$('<div class="fehler">Ihre Suche ergab keinen Treffer.</div>').appendTo('#as_ergebnis');
      }
     else {
        $('<div class="ase_item" rel="'+item.uid+'" name="'+item.category+'"><a href="http://www.bunz-design.de/edition/gesamtuebersicht.html?tt_products[cat]='+item.category+'&tt_products[product]='+item.uid+'#product"><img src="uploads/pics/'+item.image+'" width="108" height="58" /></a></div>').appendTo('#as_ergebnis');
        }
    });
    }
    });
	}

function material(suchb,suchb2) {
	$.ajax({
	type:'POST',
    url: '/?eID=warenkorb',
    data: {
	eID: "warenkorb",	// die erstellte eID
	art: "2",
	name:suchb,
	name2:suchb2	// Benutzereingabe
	},
    dataType: 'json',
    success: function(result) {
    $('#as_ergebnis').empty();
     $.each(result, function(i,item){
     if(item.Fehler) {
 	$('<div class="fehler">Ihre Suche ergab keinen Treffer.</div>').appendTo('#as_ergebnis');
      }
     else {
        $('<div class="ase_item" rel="'+item.uid+'" name="'+item.category+'"><a href="http://www.bunz-design.de/edition/gesamtuebersicht.html?tt_products[cat]='+item.category+'&tt_products[product]='+item.uid+'#product"><img src="uploads/pics/'+item.image+'" width="108" height="58" /></a></div>').appendTo('#as_ergebnis');
        }
    });
    }
    });
	}
function getSelectedString(checkID){
	 var inputVal = '';
	 var checkCount=0;
				jQuery("#"+checkID+" input:checkbox").each( function() {
				
				if(this.checked){
				  if(inputVal.length>0){
					  checkCount++;
					  inputVal = inputVal+","+this.value;	  
				  }else{
				   inputVal = this.value;
				  }
			    }
			}); 
		
				
		
	return inputVal;
 }
function gesamtHover (src) {
$('<div id="hover"><img src="'+src+'" width="600px" height="321px" /></div>').insertAfter('#gesamt');
}

});
