$(function () {
	/*
	 * Tooltips
	 */
    $('.textur').each(function () {
    	var xOffset = 20; // x distance from mouse
        var yOffset = -20; // y distance from mouse
    	var id = this.id;
    	$(this).mouseover(function(e){
    		this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
    		$('#tt'+id).css("top", this.top+"px").css("left", this.left+"px").show();
    	}).mouseout(function(){
    		$('#tt'+id).slideUp();
    	}).mousemove(
    	        function(e) {
    	            this.top = (e.pageY + yOffset);
    	            this.left = (e.pageX + xOffset);

    	            $('#tt'+id).css("top", this.top+"px").css("left", this.left+"px");
        }).click(function(){
        	var descr = $('#ttdesc' + this.id).html();
    		$('#textur_id').val(this.id);
    		$('#texture_select').html( descr );
    		return false;
    	});
    });

    /*
     * Zeichnung Vergroesserung
     */
    $('#zeichnung').click(function(){
    	$('#zeichnung_zoom').fadeIn(200);
    });

    $('#zeichnung_zoom').mouseout(function(){
    		$('#zeichnung_zoom').slideUp();
    });
    $('#zeichnung_zoom').click(function(){
    	$('#zeichnung_zoom').slideUp();
    });

    /*
     * Merkzettel
     */
    function refreshNavi(){
    	$.ajax({
    		url: "index.php",
    		global: false,
    		type: "POST",
    		data: ({ajax:true,mz_navi:true}),
    		dataType: "html",
    		success: function(msg){
    			$('#mz_navi').html(msg);
    		}
    	});
    }
    function checkMerkzettel(action){
    	var prod_id = $('#prod_id').val();
    	var textur_id = $('#textur_id').val();
		if(prod_id != ''){
			var mz = $.ajax({
			      url: "index.php",
			      global: false,
			      type: "POST",
			      data: ({ajax: true, prod_id: prod_id, textur_id: textur_id, merkzettel: action }),
			      dataType: "html",
			      success: function(msg){
					if(msg == 'removed'){
						refreshNavi();
						$('#merkzettel').removeClass('auf_merkzettel');
						$('#merkzettel').html('<a href="" id="add">auf merkzettel</a>');
						$('#merkzettel').animate({height: "27"},500);
						$('#refresh').fadeOut(500);
						$('#remove').fadeOut(500);
					}else if(msg != ''){
						refreshNavi();
						$('#merkzettel').addClass('auf_merkzettel');
						$('#merkzettel').html( msg );
						$('#merkzettel').animate({height: "35"},500);
						$('#refresh').fadeIn(500);
						$('#remove').fadeIn(500);
					}
			      }
			   }
			);
		}
    }

    $('#merkzettel').click(function(){
    	checkMerkzettel("add");
    	return false;
    });
    $('#refresh').click(function(){
    	checkMerkzettel("refresh");
    	return false;
    });
    $('#remove').click(function(){
    	checkMerkzettel("remove");
    	return false;
    });

   	checkMerkzettel();
});