var idCount=0;
	var gutscheinArr=new Array();
	var cookieString="";
	
	//Cookie ?ndern/erstellen
	function createCookie(name,value,days) {
		value=escape(value);
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else var expires = "";
		document.cookie = name+"="+value+expires+"; path=/";
	}
	
	//cookier lesen
	function readCookie(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length,c.length));
		}
		return null;
	}
	
	//Cookie in Array umwandeln
	function parseCookie(){
	
		var n=new Array();
		var g=cookieString.split("-..-");
		
		for(var i=0; i<g.length; i++){
			var p=g[i].split("_._");
			var o=new Object();
			o.titel=p[0];
			o.text=p[1];
			o.img=p[2];
			o.stk=Number(p[3]);
			n.push(o);
		}
		
		gutscheinArr=n;
		
	}
	
	
	//Document ready
	$(document).ready(function(){
		
		$('.vouchertheme').click(function(){
			returnPackage( $('.image', this).html(), $('.title', this).text(), $('.text', this).text() )
		})
						
		$('.vouchertheme').showFeatureText(); 
		
		//Rahmen um Teaser
		$('.voucherpackage').mouseover(function(){
			$(this).css('border', '1px solid #C23A00');
		})	
		
		//Rahmen entfernen
		$('.voucherpackage').mouseout(function(){
			$(this).css('border', '1px solid #FFFFFF');
		})	
		
		cookieString=readCookie("gutscheine");
		if(cookieString==undefined)cookieString='';
		
		if(cookieString!=''){
			parseCookie();
			resetTeaser();
		}
		
		
	})
	
	//Neuen Gutschein hinzuf?gen
	function returnPackage(image, titel, text){
	
		//buildGutscheinTeaser(image,title,text,);	
		add(titel,text,image); 
		
		
	}
	
	//Ausgabe eines Guscheines
	function buildGutscheinTeaser(image,titel,text,count){
	
		var wrapper = "<div class='voucherpackage'><div class='count'>"+count+"<div><div class='image'>"+ image + "</div><div class='content'><div class='title'>"+ titel +"</div><div class='text'>"+ text +"</div></div><div class='deletewrapper' id='deletegutschein_"+idCount+"'>delete</div></div>"
		$('#packages').append(wrapper);
		
		$('#deletegutschein_'+idCount).click(function(){
			remove(titel,text,image); 
		})
		
		idCount++;
		
	}
	
	//hinzuf?gen eines Gutscheines
	function add(titel,text,image){
	
		var found=-1;
		
		for(var i=0; i<gutscheinArr.length; i++){
			if(gutscheinArr[i].text==text && gutscheinArr[i].titel==titel && gutscheinArr[i].img==image)found=i;
		}
		
		if(found==-1){
			var o=new Object();
			o.text=text;
			o.titel=titel;
			o.img=image;
			o.stk=1;
			gutscheinArr.push(o);
			buildGutscheinTeaser(image,titel,text,1);
		}else{
			gutscheinArr[found].stk=gutscheinArr[found].stk+1;
			resetTeaser();
		}
		
		aktCookie();
		
	}
	
	//Alle Teaser neu Setzen
	function resetTeaser(){
		$('#packages').html('');
		for(var i=0; i<gutscheinArr.length; i++){
			buildGutscheinTeaser(gutscheinArr[i].img,gutscheinArr[i].titel,gutscheinArr[i].text,gutscheinArr[i].stk);
		}
	}
	
	//eintag aus der Liste l?schen
	function remove(titel,text,image){
		var n=new Array();
		for(var i=0; i<gutscheinArr.length; i++){
			if(gutscheinArr[i].text!=text || gutscheinArr[i].titel!=titel || gutscheinArr[i].img!=image){
				n.push(gutscheinArr[i]);
			}
		}
		gutscheinArr=n;
		resetTeaser();
		aktCookie();
	}
	
	
	//cookie Akutalisieren
	function aktCookie(){
		cookieString="";
		for(var i=0; i<gutscheinArr.length; i++){
			if(i!=0){
				cookieString+="-..-";
			}
			cookieString+=gutscheinArr[i].titel+"_._"+gutscheinArr[i].text+"_._"+gutscheinArr[i].img+"_._"+gutscheinArr[i].stk;
		}
		createCookie("gutscheine",cookieString,14)
	}
	
	//Schrift einblenden
	$.fn.showFeatureText = function() {
		return this.each(function(){    
			var box = $(this);
			var text = $('.text',this);
			
			box.hover(function(){
				box.css('opacity', '1');
				box.animate({
					top: '0px'
				}, 100)
			},function(){
				box.css('opacity', '.5');
				box.animate({
					top: '5px'
				}, 300)
			});

		});
	}